/* ============================================================
   THEME.CSS — The Thumbprint Card · "Midnight" direction
   Light (ivory + bronze) is the default; dark (near-black +
   gold) applies via :root[data-theme="dark"]. The toggle and
   system-preference init live in layout.pug.
   ============================================================ */

/* ── Core Palette — Light (default) ──────────────────────── */
:root {
    --color-primary:       #a8792c;
    --color-primary-light: #c39440;
    --color-primary-dark:  #8f6520;
    --color-accent:        #a8792c;
    --color-cta:           #a8792c;
    --color-bg:            #f7f4ed;
    --color-bg-subtle:     #ffffff;
    --color-border:        #e0dacb;
}

/* ── Element Overrides ───────────────────────────────────── */
:root {
    --color-text:       #24211a;
    --color-text-muted: #6d675c;
    --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --font-body:    'Neuton', Georgia, 'Times New Roman', serif;
    --radius-md:    4px;

    /* Midnight extras consumed by style.css */
    --faint:      #a09a8d;
    --hairline:   rgba(168, 121, 44, .35);
    --line:       rgba(36, 33, 26, .1);
    --gold-decor: #d4a24e;
    --nav-glass:  rgba(247, 244, 237, .88);

    --header-bg:   transparent;
    --header-link: var(--color-text-muted);
    --footer-bg:   transparent;
}

/* ── Dark Mode ───────────────────────────────────────────── */
:root[data-theme="dark"] {
    --color-primary:       #d4a24e;
    --color-primary-light: #e6bc72;
    --color-primary-dark:  #a8792c;
    --color-accent:        #d4a24e;
    --color-cta:           #d4a24e;
    --color-bg:            #0b0e13;
    --color-bg-subtle:     #12161e;
    --color-border:        #2a2f39;
    --color-text:          #ece7de;
    --color-text-muted:    #9a958c;

    --faint:      #6a665f;
    --hairline:   rgba(212, 162, 78, .25);
    --line:       rgba(236, 231, 222, .09);
    --gold-decor: #d4a24e;
    --nav-glass:  rgba(11, 14, 19, .85);
}