:root {
    /* Premium palette: deep charcoal / near-black, warm white, neutral gray, subtle gold-beige accent. */
    --color-black: #0f0e0c;
    --color-charcoal: #1a1815;
    --color-white: #ffffff;
    --color-warm-white: #faf8f5;
    --color-light-gray: #f2f0ec;
    --color-gray: #6f6b64;
    --color-gold: #b08d4f;
    --color-gold-soft: #c9ac72;

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

    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --shadow-sm: 0 1px 3px rgba(15, 14, 12, 0.06);

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

    --text: #3a372f;
    --text-strong: var(--color-black);
    --text-muted: #706b60;
    --text-faint: #8a8578;

    --border-color: #e7e2d9;
    --border-color-strong: #d9d2c4;
    --overlay-bg: rgba(15, 14, 12, 0.05);
    --shadow-color: rgba(15, 14, 12, 0.1);

    color-scheme: light;
}

[data-theme="dark"] {
    --bg: #121110;
    --bg-alt: #181614;
    --surface: #1c1a17;
    --header-bg: #100f0d;
    --footer-bg: #0a0908;
    --hero-bg: #14120f;
    --input-bg: #1e1c19;
    --admin-sidebar-bg: #0a0908;
    --admin-sidebar-text: #cfcfcf;

    --text: #e9e5dc;
    --text-strong: #ffffff;
    --text-muted: #ada89c;
    --text-faint: #8f8a7c;

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

    color-scheme: dark;
}