/* fastwombat.ai's design tokens: the colors and shadow every page uses, light and dark.
   Kept apart from site.css so my.fastwombat.ai (the client portal) can copy this file
   byte for byte; the portal's tests fail if its copy and this one differ. Change a color
   here, then copy the file into the portal (src/web/tokens.css there). */
:root {
  --bg:        #f8f6f2;
  --bg-soft:   #efebe4;
  --bg-card:   #ffffff;
  --ink:       #1c1d1f;
  --ink-soft:  #515357;
  --ink-mute:  #707276;
  --rule:      #e3ded5;
  --accent:    #9c4a1a;
  --sage:      #56786a;
  --on-ink:    #ffffff;
  --shadow:    0 1px 2px rgba(28,29,31,0.05), 0 12px 32px rgba(28,29,31,0.06);
  /* Buttons and form controls: a rounded rectangle, not a pill (Duane and Leo, 2026-10-22).
     Labels and chips stay round, which is how they read as not clickable */
  --radius-control: 10px;
  /* Buttons, Leo's option C (Duane, 2026-10-22): one rust button per screen for the main action,
     tinted for everything else, no rings. Another style is a change here, nowhere else */
  --btn-primary-bg:          #9c4a1a;
  --btn-primary-bg-hover:    #873f15;
  --btn-primary-bg-active:   #763711;
  --btn-primary-fg:          #ffffff;
  --btn-secondary-bg:        #efebe4;
  --btn-secondary-bg-hover:  #e6e1d8;
  --btn-secondary-fg:        #1c1d1f;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:        #16171a;
    --bg-soft:   #202226;
    --bg-card:   #1d1f22;
    --ink:       #ece9e3;
    --ink-soft:  #b8b5ae;
    --ink-mute:  #8f8c85;
    --rule:      #2f3135;
    --accent:    #e39a66;
    --sage:      #8fb3a2;
    --on-ink:    #16171a;
    --shadow:    0 1px 2px rgba(0,0,0,0.3), 0 12px 32px rgba(0,0,0,0.25);
    /* White won't read on the light orange, so its text is dark */
    --btn-primary-bg:          #e39a66;
    --btn-primary-bg-hover:    #eba97b;
    --btn-primary-bg-active:   #d98c56;
    --btn-primary-fg:          #16171a;
    --btn-secondary-bg:        #202226;
    --btn-secondary-bg-hover:  #292c31;
    --btn-secondary-fg:        #ece9e3;
  }
}