/* ===========================================================================
   At The River — Color System
   Derived from the wood-engraved brand mark, Freeman River sunsets, and the
   boreal-forest photography. Warm, earthy, low-saturation, candle-lit.
   =========================================================================== */

:root {
  /* --- Wood / engraving neutrals — the core brand surface -------------------
     Sampled straight from the maple wood-burned logo: pale sanded maple up
     top, scorched espresso in the shadows. This is the brand's spine. */
  --maple-50:  #FBF6EC;   /* sanded maple / paper white  */
  --maple-100: #F4EAD7;   /* warm parchment              */
  --maple-200: #EBD9BC;   /* light grain                 */
  --maple-300: #DCBF95;   /* caramel highlight           */
  --caramel-400: #C98A52; /* burnished caramel           */
  --ember-500: #A9652F;   /* ember / burnt sienna        */
  --bark-600: #7A4E2C;    /* bark brown                  */
  --cocoa-700: #533320;   /* deep cocoa                  */
  --espresso-800: #382113;/* scorched espresso           */
  --char-900: #21150C;    /* charred edge / near-black   */

  /* --- Sunset accents — the sky over the river ----------------------------- */
  --sunset-blush: #EBB79B;  /* pale pink cloud            */
  --sunset-coral: #DE8A62;  /* coral horizon              */
  --sunset-gold:  #E0A24F;  /* golden hour                */
  --sunset-plum:  #6E5B6B;  /* dusk cloud shadow          */

  /* --- Boreal nature — forest, sage, river --------------------------------- */
  --spruce-900: #26382A;  /* deepest spruce shadow      */
  --spruce-700: #35513B;  /* boreal spruce              */
  --moss-500:   #5E7355;  /* mossy green                */
  --sage-300:   #A7B196;  /* muted sage                 */
  --sage-100:   #DCE2D2;  /* palest sage tint           */
  --river-500:  #7C99AD;  /* dusk river blue            */
  --river-700:  #47606F;  /* deep river slate           */
  --river-100:  #DDE6EC;  /* misty blue tint            */

  /* --- Forest & gold — the "night" brand theme ----------------------------
     An elegant, modern extension of the boreal greens. Deep forest grounds
     under a refined champagne-gold accent — the palette for reversed marks,
     hero panels, and any surface where the black-and-white logo lives.
     Nature meets cutting-edge: quiet, low-saturation greens + one warm metal. */
  --forest-950: #071310;  /* deepest pine / near-black ground */
  --forest-900: #0D2019;  /* forest ground (matches mono ink) */
  --forest-800: #123026;  /* raised forest panel              */
  --forest-700: #1B4233;  /* forest border / hover            */
  --forest-600: #2A5A45;  /* mid emerald                      */
  --forest-500: #3E7358;  /* living green                     */
  --forest-400: #6FA487;  /* misty green highlight            */
  --forest-100: #D9E6DE;  /* palest green tint on light       */

  --gold-600: #B08A45;    /* deep antique gold                */
  --gold-500: #CBA45C;    /* brand gold                       */
  --gold-400: #E0C588;    /* champagne highlight              */
  --gold-200: #F1E4C4;    /* pale gilt tint                   */

  /* --- Pure utility -------------------------------------------------------- */
  --white: #FFFFFF;
  --black: #17100A;

  /* =========================================================================
     SEMANTIC ALIASES — reference these in product code, not the raw ramp.
     ========================================================================= */

  /* Surfaces */
  --surface-page:      var(--maple-50);    /* default warm page ground     */
  --surface-raised:    var(--white);       /* cards on the page            */
  --surface-sunk:      var(--maple-100);   /* wells, insets, alt sections  */
  --surface-inverse:   var(--espresso-800);/* dark wood sections           */
  --surface-inverse-2: var(--char-900);    /* deepest footer / night       */

  /* Text */
  --text-strong:   var(--espresso-800);    /* headings on light            */
  --text-body:     #4A3626;                /* body copy on light           */
  --text-muted:    #856a54;                /* captions, meta               */
  --text-on-dark:  var(--maple-100);       /* body on dark wood            */
  --text-on-dark-strong: var(--maple-50);  /* headings on dark             */
  --text-on-dark-muted:  #C4A987;          /* meta on dark                 */

  /* Brand / interactive */
  --brand:         var(--ember-500);       /* primary brand ember          */
  --brand-hover:   var(--bark-600);        /* pressed / hover darken       */
  --brand-soft:    var(--maple-200);       /* soft brand fill              */
  --accent-river:  var(--river-700);       /* secondary cool accent        */
  --accent-forest: var(--spruce-700);      /* nature accent                */

  /* Forest & gold "night" theme — reversed/elegant surfaces */
  --surface-forest:    var(--forest-900);  /* forest ground                */
  --surface-forest-2:  var(--forest-950);  /* deepest forest               */
  --surface-forest-raised: var(--forest-800); /* panels on forest          */
  --text-on-forest:        #DCE7E0;        /* body on forest               */
  --text-on-forest-strong: #F3F8F4;        /* headings on forest           */
  --text-on-forest-muted:  #93AEA0;        /* meta on forest               */
  --accent-gold:       var(--gold-500);    /* elegant gold accent          */
  --accent-gold-soft:  var(--gold-400);    /* gold highlight               */
  --border-on-forest:  #234A3A;            /* hairline on forest           */

  /* Lines & borders */
  --border-soft:   #E3D3B8;                /* hairline on light            */
  --border-strong: #CBB48F;                /* defined border               */
  --border-on-dark: #5A4028;               /* hairline on dark wood        */

  /* Focus */
  --focus-ring:    var(--ember-500);
}