/* WNM River Trip — Color tokens
 * A California-summer-camp palette: warm sun + terracotta clay, cool river
 * teal + sky, oak/walnut greens & browns, a touch of grapevine purple, all
 * set on warm cream paper. Base scale first, semantic aliases below.
 */
:root {
  /* ---- Neutrals: warm paper & walnut ---- */
  --paper:        #FBF5E7; /* page background, warm cream */
  --paper-2:      #F5EAD2; /* alt sand background */
  --sand:         #ECDCBC; /* hairline borders / dividers on paper */
  --sand-deep:    #DCC59A; /* stronger border / inset */
  --walnut-900:   #2E2015; /* darkest ink — headings */
  --walnut-700:   #4B3626; /* body text */
  --walnut-500:   #6E543F; /* muted text */
  --walnut-300:   #A38C74; /* subtle muted / placeholder */
  --white:        #FFFDF7; /* card surface, slightly warm white */

  /* ---- Sun (marigold gold) ---- */
  --sun-100:      #FDEFC6;
  --sun-300:      #F8D273;
  --sun:          #F4B93E; /* primary warm accent */
  --sun-600:      #E5A31C;
  --sun-800:      #C8850A;

  /* ---- Clay (sunset terracotta) ---- */
  --clay-100:     #F8DACD;
  --clay-300:     #EFA187;
  --clay:         #E1613C; /* primary brand action */
  --clay-600:     #C64A2A;
  --clay-800:     #9E3A20;

  /* ---- River (crisp cool teal) ---- */
  --river-100:    #CDECE9;
  --river-300:    #7FCDC7;
  --river:        #2FA4A0; /* secondary brand action */
  --river-600:    #1E827E;
  --river-800:    #135F5C;

  /* ---- Sky (bright river-water blue) ---- */
  --sky-100:      #D6EEF7;
  --sky:          #4FB3D9;
  --sky-600:      #2A8FB8;

  /* ---- Oak (leafy summer green) ---- */
  --oak-100:      #DCE9C6;
  --oak:          #5C8A3C;
  --oak-600:      #446B2A;

  /* ---- Grape (grapevine accent) ---- */
  --grape-100:    #E4D8F0;
  --grape:        #6B4C9A;
  --grape-600:    #543A7C;

  /* ---- Semantic aliases ---- */
  --surface-page:        var(--paper);
  --surface-page-alt:    var(--paper-2);
  --surface-card:        var(--white);
  --surface-inset:       #FFF8E9;

  --text-heading:        var(--walnut-900);
  --text-body:           var(--walnut-700);
  --text-muted:          var(--walnut-500);
  --text-placeholder:    var(--walnut-300);
  --text-on-clay:        #FFF6F1;
  --text-on-river:       #F1FBFA;
  --text-on-sun:         var(--walnut-900);

  --border-hairline:     var(--sand);
  --border-strong:       var(--sand-deep);
  --border-ink:          var(--walnut-900);

  --accent-primary:      var(--clay);
  --accent-primary-hover:var(--clay-600);
  --accent-secondary:    var(--river);
  --accent-secondary-hover: var(--river-600);
  --accent-sun:          var(--sun);
  --accent-sun-hover:    var(--sun-600);

  --focus-ring:          var(--river);

  --success:             var(--oak);
  --info:                var(--river);
  --warning:             var(--sun-600);
  --danger:              var(--clay-600);
}