/* Burrow tokens — Duolingo storybook system, re-keyed to Fox Orange */
:root {
  /* brand accent (replaces Eager Green) */
  --c-fox: #ff7a2e;          /* mascot + illustration orange, decorative fills only */
  --c-accent: #d4500b;       /* primary CTA fill, white text 4.24:1 at 19px bold */
  --c-accent-press: #a83f08; /* 3D bottom edge of the sticker button */
  --c-heading: #e2570a;      /* display headings, 3.75:1 at 48px+ */
  --c-cream: #fff1dc;        /* storybook wash (replaces Storybook Green) */
  --c-cream-2: #ffe2c2;

  /* secondary interactive (replaces Spark Blue) */
  --c-teal: #0b7f7b;         /* links, outlined secondary CTA, "correct" state */
  --c-teal-soft: #d6f3f1;

  /* neutrals from the reference */
  --c-plum: #3a2e4f;         /* night ink */
  --c-charcoal: #4b4b4b;
  --c-pencil: #777777;
  --c-faded: #afafaf;
  --c-line: #e5e5e5;
  --c-paper: #ffffff;

  /* illustration palette — lives in art, never in UI chrome */
  --c-yellow: #ffc93c;
  --c-sky: #5ab8f5;
  --c-purple: #9b7bf0;
  --c-pink: #ff8fb1;
  --c-leaf: #6cc551;

  /* type */
  --f-display: "Nunito", "Feather Bold", ui-rounded, system-ui, sans-serif;
  --f-text: "Nunito Sans", "DIN Next", system-ui, sans-serif;
  --t-caption: 13px;
  --t-nav: 15px;
  --t-body: 17px;
  --t-sub: 19px;
  --t-heading-sm: 32px;
  --t-heading: clamp(36px, 4.4vw, 48px);
  --t-display: clamp(44px, 6vw, 64px);
  --tr-display: -0.02em;
  --tr-caps: 0.053em;

  /* space & shape */
  --page: 1200px;
  --gutter: clamp(20px, 4vw, 40px);
  --section: clamp(80px, 10vw, 120px);
  --r: 12px;
  --r-lg: 16px;
  --border: 2px;

  /* motion */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}