/* ============================================================
   C.L. Stegall — Alternate Theme: Dark
   ============================================================

   A proof that the token system works: this file overrides only
   the adaptive surface and text tokens. The cinematic-moment
   tokens (--cinema, --on-cinema-*) and accent (--oxblood) stay
   the same so the hero, footer, pull-quote, and dark CTA bands
   keep their dramatic feel in either theme.

   To use this theme on any page, replace the line:
       <link rel="stylesheet" href="theme.css">
   with:
       <link rel="stylesheet" href="theme-dark.css">

   That's the entire swap. No HTML, no styles.css edits.
   ============================================================ */

:root {

    /* SURFACES — body content inverts dark */
    --bone:        #0D0C0C;   /* primary body bg (warm near-black)    */
    --bone-warm:   #212121;   /* secondary surface                    */
    --bone-dim:    #333333;   /* tertiary, placeholders               */

    /* TEXT — inverted */
    --ink:         #E8DFD0;   /* primary text (bone-white)            */
    --ink-soft:    #C9C1B4;   /* secondary text                       */
    --slate:       #8F8A82;   /* tertiary, captions                   */

    /* ACCENT — slightly brighter for contrast on dark */
    --oxblood:     #C24A4C;   /* CTA hover, accent on bone (now dark) */
    --oxblood-dim: #DB6F71;   /* accent on cinema (deepest darks)     */

    /* RULES — flipped to use bone-white at low alpha */
    --rule:         rgba(232,223,208,0.14);
    --rule-strong:  rgba(232,223,208,0.34);


    /* CINEMA — unchanged.
       The hero, footer, in-development, support, final-CTA, and
       pull-quote sections stay cinema-dark in both themes. The
       tokens below intentionally repeat the light-theme values
       so that a future maintainer reading this file alone can
       see what stays fixed. */
    --hero-bg-1:           #0A0A0C;
    --hero-bg-2:           #38322D;
    --hero-bg-3:           #1A1410;
    --hero-accent:         rgba(92,26,27,0.32);
    --cinema:              #14110F;
    --on-cinema-text:      #ffffff;
    --on-cinema-text-dim:  #ffffff;
    --on-cinema-rule:      rgba(245,241,234,0.12);
    --on-cinema-rule-strong: rgba(245,241,234,0.32);
    --hero-text:           var(--on-cinema-text);


    /* IMAGE TREATMENTS — invert the black logo for dark surfaces */
    --logo-filter: invert(1) brightness(0.95);


    /* TYPE & LAYOUT — identical to light theme */
    --font-display: 'Crimson Pro', Georgia, serif;
    --font-body:    'Inter Tight', -apple-system, BlinkMacSystemFont,
                    'Segoe UI', sans-serif;
    --measure:     680px;
    --gutter:      max(1.5rem, 5vw);
    --max-w:       1200px;
    --section-y:   clamp(4rem, 9vw, 7rem);
}