/* Coyoteshift design tokens (dev/SIMPLE... plan: Coyoteshift Rebrand Plan).
   Every page loads this file and uses nothing outside it for color, so a
   palette change is a one-file edit. */
:root {
  --cs-sunset: #D9622B;   /* primary: mark, decorative fills, borders (non-text; 3:1) */
  --cs-night:  #1E2430;   /* dark text, dark-mode background */
  --cs-playa:  #F4EEE3;   /* light-mode background */
  --cs-sage:   #8A9A7B;   /* success, "covered" */
  --cs-mesa:   #A8613A;   /* hover, secondary buttons */
  --cs-dust:   #BDB3A4;   /* borders, disabled */
  --cs-ink:    var(--cs-night);
  --cs-bg:     var(--cs-playa);
  --cs-surface: #ffffff;

  /* AA-checked variants of Sunset for TEXT, per the plan's own contrast note:
     "Sunset on Playa passes AA for large text and buttons only" -- verified
     with Lighthouse that plain Sunset fails 4.5:1 for normal-size text and
     for white button text, so these two derived shades carry the color
     wherever it is actually read as text. Plain --cs-sunset stays for marks,
     decorative fills and borders, which only need 3:1. */
  --cs-sunset-btn:  #BF5626; /* white text on a filled button: 4.59:1 */
  --cs-sunset-text: #A34A20; /* light mode: Sunset-colored text on Playa: 5.11:1 */
  --cs-muted-text:  #6B6357; /* light mode: captions/footnotes on Playa: 5.13:1 (--cs-dust fails at 1.79:1) */
  --cs-sage-text:   #758369; /* light mode: Sage-colored large text (>=24px) on Playa: 3.49:1 (base Sage is 2.6:1) */

  --cs-font-head: "Outfit", system-ui, sans-serif;
  --cs-font-body: "Inter", system-ui, sans-serif;

  --cs-h1: clamp(32px, 6vw, 48px);
  --cs-h2: clamp(24px, 4vw, 36px);
  --cs-h3: 28px;
  --cs-h4: 22px;
  --cs-body: 18px;
  --cs-small: 16px;

  --cs-radius: 14px;
  --cs-radius-lg: 22px; /* 22% of the mark's square, used literally there */
  --cs-max: 1180px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cs-ink: var(--cs-playa);
    --cs-bg: var(--cs-night);
    --cs-surface: #262c39;
    --cs-sunset-text: #E18155; /* dark mode: Sunset-colored text on Night: 5.53:1 */
    --cs-muted-text: var(--cs-dust); /* --cs-dust already passes on Night: 7.5:1 */
    --cs-sage-text: var(--cs-sage); /* base Sage already passes on Night: 5.18:1 */
  }
}
:root[data-theme="dark"] {
  --cs-ink: var(--cs-playa);
  --cs-bg: var(--cs-night);
  --cs-surface: #262c39;
  --cs-sunset-text: #E18155;
  --cs-muted-text: var(--cs-dust);
  --cs-sage-text: var(--cs-sage);
}