/* ════════════════════════════════════════════════════════════
   COLORS — The Arkansas eTraveler
   Earthy, road-trip palette sampled from the brand color scheme.
   ════════════════════════════════════════════════════════════ */
:root {
  /* ── Raw palette (the 10-swatch scheme) ── */
  --ark-cream:     #e6ddd8;  /* paper / lightest */
  --ark-tan:       #cec1ae;  /* khaki, road line */
  --ark-gray:      #b3b5b0;  /* neutral light gray */
  --ark-sage:      #7a8076;  /* muted sage green */
  --ark-slate:     #79838d;  /* banner backdrop blue-gray */
  --ark-warmgray:  #55504a;  /* warm dark gray */
  --ark-maroon:    #823235;  /* wine / subscribe button */
  --ark-red:       #932226;  /* bright signal red */
  --ark-navy:      #183652;  /* deep navy */
  --ark-charcoal:  #34353a;  /* near-black ink */
  --ark-brown:     #5a3a2f;  /* trail brown / bottom bar */

  /* ── Tints & shades (derived, for hover/press/surfaces) ── */
  --ark-cream-deep:   #d9cec5;
  --ark-paper:        #f2ece7;
  --ark-maroon-dark:  #6a282b;
  --ark-maroon-soft:  #9c4548;
  --ark-red-dark:     #7a1c1f;
  --ark-navy-dark:    #0f2638;
  --ark-navy-soft:    #25506f;
  --ark-sage-dark:    #626b5e;
  --ark-charcoal-2:   #25262b;

  /* ── Semantic: surfaces ── */
  --surface-page:     var(--ark-paper);
  --surface-card:     #ffffff;
  --surface-sunken:   var(--ark-cream);
  --surface-inverse:  var(--ark-charcoal);
  --surface-slate:    var(--ark-slate);
  --surface-brand:    var(--ark-maroon);

  /* ── Semantic: text ── */
  --text-strong:   var(--ark-charcoal);
  --text-body:     var(--ark-warmgray);
  --text-muted:    #8a857e;
  --text-inverse:  var(--ark-cream);
  --text-on-brand: #ffffff;
  --text-link:     var(--ark-maroon);

  /* ── Semantic: brand / interactive ── */
  --brand:           var(--ark-maroon);
  --brand-hover:     var(--ark-maroon-dark);
  --brand-press:     #5a2123;
  --accent:          var(--ark-red);
  --accent-hover:    var(--ark-red-dark);
  --info:            var(--ark-navy);

  /* ── Semantic: feedback (charging-status flavored) ── */
  --status-charging: var(--ark-sage);   /* available / green */
  --status-online:   #3f7d57;
  --status-busy:     var(--ark-red);    /* in use / fault */
  --status-warn:     #c08a2e;
  --status-offline:  var(--text-muted);

  /* ── Borders & lines ── */
  --border-soft:   #e2dcd5;
  --border-mid:    #cfc7bd;
  --border-strong: var(--ark-warmgray);
  --hairline:      rgba(53,53,58,0.10);
}