:root {
    --color-black: #111111;
    --color-charcoal: #1f1f1f;
    --color-white: #ffffff;
    --color-light-gray: #f5f5f5;
    --color-gold: #d4af37;

    --font-heading: 'Poppins', 'Playfair Display', serif;
    --font-body: 'Inter', 'Roboto', sans-serif;

    --radius-md: 8px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);

    /* Semantic theme tokens (Light theme = default) */
    --bg: var(--color-white);
    --bg-alt: var(--color-light-gray);
    --surface: var(--color-white);
    --header-bg: var(--color-white);
    --footer-bg: var(--color-white);
    --hero-bg: var(--color-light-gray);
    --input-bg: var(--color-white);
    --admin-sidebar-bg: var(--color-black);
    --admin-sidebar-text: #cccccc;

    --text: var(--color-charcoal);
    --text-strong: var(--color-black);
    --text-muted: #777777;
    --text-faint: #888888;

    --border-color: #eeeeee;
    --border-color-strong: #dddddd;
    --overlay-bg: rgba(0, 0, 0, 0.05);
    --shadow-color: rgba(0, 0, 0, 0.08);

    color-scheme: light;
}

[data-theme="dark"] {
    --bg: #121212;
    --bg-alt: #191919;
    --surface: #1c1c1c;
    --header-bg: #161616;
    --footer-bg: #161616;
    --hero-bg: #181818;
    --input-bg: #1e1e1e;
    --admin-sidebar-bg: #0a0a0a;
    --admin-sidebar-text: #cfcfcf;

    --text: #e6e6e6;
    --text-strong: #ffffff;
    --text-muted: #a8a8a8;
    --text-faint: #8f8f8f;

    --border-color: #2c2c2c;
    --border-color-strong: #3a3a3a;
    --overlay-bg: rgba(255, 255, 255, 0.06);
    --shadow-color: rgba(0, 0, 0, 0.5);

    color-scheme: dark;
}