/* tokens.css — every colour, size and duration in the game. READ-ONLY to agents. */
:root {
  color-scheme: light;

  /* palette — warm, soft, high-contrast on text */
  --c-bg:        #FFF6E9;
  --c-bg-2:      #FFEBD6;
  --c-surface:   #FFFFFF;
  --c-ink:       #3A2E39;
  --c-ink-soft:  #7A6B78;
  --c-line:      #EADFD3;

  --c-primary:   #FF8A6B;   /* coral — main action */
  --c-primary-d: #E86A4C;
  --c-accent:    #4EC7C7;   /* teal — secondary action */
  --c-heart:     #FF5D8F;
  --c-buck:      #F5B33C;
  --c-good:      #6FCF8F;
  --c-locked:    #C9BFC7;

  --c-meadow:    #A8E063;
  --c-pond:      #6EC6E8;
  --c-woods:     #7FBF7F;
  --c-stars:     #9B8CE8;

  /* spacing */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

  /* type — large by default; this is read by a six-year-old */
  --font: "Comic Sans MS", "Chalkboard SE", "Marker Felt", system-ui, -apple-system, sans-serif;
  --font-read: "Andika", "Verdana", "Trebuchet MS", system-ui, sans-serif;
  --fs-small: 15px;
  --fs-body:  19px;
  --fs-big:   26px;
  --fs-huge:  38px;
  --fs-read:  34px;   /* reader body text — never smaller than this */

  /* shape */
  --r-sm: 10px; --r-md: 18px; --r-lg: 28px; --r-pill: 999px;
  --shadow:    0 3px 0 rgba(58,46,57,.14);
  --shadow-lg: 0 8px 22px rgba(58,46,57,.16);

  /* the hard accessibility floor — never make a tappable thing smaller */
  --tap: 64px;

  --dur-fast: 140ms;
  --dur:      280ms;
  --dur-slow: 620ms;
  --ease-pop: cubic-bezier(.34, 1.56, .64, 1);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .01ms !important; animation-iteration-count: 1 !important;
      transition-duration: .01ms !important; }
}