/* Generated from packages/config/tokens.json in the app repo by `pnpm tokens`.
   Do not edit here: change tokens.json and run it again. */

:root {
  /* Colour */
  --parchment-50: #FBF6EA;
  --parchment: #F4EBD8;
  --parchment-100: #ECDDC2;
  --stone: #C9BFA5;
  --ink: #1F2A24;
  --ash-600: #4B5651;
  --ash-400: #626C65;
  --forest: #2D4738;
  --forest-deep: #223729;
  --forest-night: #14201A;
  --moss: #5E7E62;
  --sage: #A9BBA3;
  --clay: #A85636;
  --clay-ink: #964A2D;
  --butter: #E8C566;
  --russet: #A04B3D;
  --russet-deep: #6E3228;
  --cover-text: #D6DECF;
  --stamp: #2A4232;
  --line: rgba(169, 187, 163, 0.34);
  --note-info: #E5E5D7;
  --note-warn: #F5E7C2;
  --note-warn-edge: #C9A53F;
  --note-warn-ink: #5B4712;
  --note-error: #F2E5D9;

  /* Card inks (categories pair up on these) */
  --ink-clay-bg: #F1E3D4;
  --ink-clay-fg: #964A2D;
  --ink-butter-bg: #F2E0AF;
  --ink-butter-fg: #5B4712;
  --ink-moss-bg: #DCDECF;
  --ink-moss-fg: #2F4A35;
  --ink-forest-bg: #E2E1D5;
  --ink-forest-fg: #2D4738;
  --ink-russet-bg: #EEDED2;
  --ink-russet-fg: #8A3F33;

  /* Traffic lights */
  --light-green: var(--moss);
  --light-amber: var(--butter);
  --light-red: var(--russet);

  /* Type */
  --serif: Fraunces, Georgia, "Times New Roman", serif;
  --sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --serif-settings: "SOFT" 100, "WONK" 1;
  --fs-display: clamp(2.75rem, 1.55rem + 4.6vw, 5rem);
  --fw-display: 580;
  --lh-display: 1;
  --tr-display: -0.02em;
  --fs-h1: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
  --fw-h1: 580;
  --lh-h1: 1.05;
  --tr-h1: -0.018em;
  --fs-h2: clamp(1.875rem, 1.45rem + 1.7vw, 2.75rem);
  --fw-h2: 560;
  --lh-h2: 1.1;
  --tr-h2: -0.015em;
  --fs-h3: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);
  --fw-h3: 560;
  --lh-h3: 1.2;
  --fs-prompt: clamp(1.375rem, 1.15rem + 0.9vw, 1.875rem);
  --fw-prompt: 520;
  --lh-prompt: 1.25;
  --fs-lead: clamp(1.125rem, 1.05rem + 0.3vw, 1.3125rem);
  --fw-lead: 400;
  --lh-lead: 1.55;
  --fs-body: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --fw-body: 400;
  --lh-body: 1.65;
  --fs-small: 0.9375rem;
  --fw-small: 400;
  --lh-small: 1.5;
  --fs-caption: 0.8125rem;
  --fw-caption: 500;
  --lh-caption: 1.4;
  --tr-caption: 0.01em;
  --fs-timer: clamp(2.5rem, 2rem + 2vw, 4rem);
  --fw-timer: 600;
  --lh-timer: 1;

  /* Space and layout */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --gutter: clamp(16px, 4vw, 40px);
  --line-clear: 8px;

  /* Shape and depth */
  --r-card: 10px;
  --r-input: 12px;
  --r-button: 16px;
  --r-panel: 18px;
  --r-pill: 9999px;
  --shadow-press: 4px 4px 0 var(--forest-deep);
  --shadow-press-soft: 4px 4px 0 var(--stone);
  --shadow-panel: 5px 5px 0 var(--parchment-100);
  --shadow-lift: 0 18px 40px -22px rgba(31, 42, 36, 0.35);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-press: 120ms;
  --t-hover: 200ms;
  --t-light: 300ms;
  --t-screen: 260ms;
  --t-card: 380ms;
  --t-grow: 900ms;
}

/* Category colours: put data-cat="<slug>" on a card or chip. */
[data-cat="personal-experience"] { --cat-bg: var(--ink-clay-bg); --cat-fg: var(--ink-clay-fg); }
[data-cat="seasonal-special"] { --cat-bg: var(--ink-clay-bg); --cat-fg: var(--ink-clay-fg); }
[data-cat="humorous-light"] { --cat-bg: var(--ink-butter-bg); --cat-fg: var(--ink-butter-fg); }
[data-cat="creative-imaginative"] { --cat-bg: var(--ink-butter-bg); --cat-fg: var(--ink-butter-fg); }
[data-cat="philosophical"] { --cat-bg: var(--ink-moss-bg); --cat-fg: var(--ink-moss-fg); }
[data-cat="hypothetical-scenarios"] { --cat-bg: var(--ink-moss-bg); --cat-fg: var(--ink-moss-fg); }
[data-cat="professional-leadership"] { --cat-bg: var(--ink-forest-bg); --cat-fg: var(--ink-forest-fg); }
[data-cat="advanced-complex"] { --cat-bg: var(--ink-forest-bg); --cat-fg: var(--ink-forest-fg); }
[data-cat="opinion-current-affairs"] { --cat-bg: var(--ink-russet-bg); --cat-fg: var(--ink-russet-fg); }
[data-cat="quick-fire"] { --cat-bg: var(--ink-russet-bg); --cat-fg: var(--ink-russet-fg); }
[data-cat="interview-common"] { --cat-bg: var(--ink-forest-bg); --cat-fg: var(--ink-forest-fg); }
[data-cat="interview-competency"] { --cat-bg: var(--ink-clay-bg); --cat-fg: var(--ink-clay-fg); }
[data-cat="interview-graduate"] { --cat-bg: var(--ink-butter-bg); --cat-fg: var(--ink-butter-fg); }
[data-cat="interview-nhs"] { --cat-bg: var(--ink-moss-bg); --cat-fg: var(--ink-moss-fg); }
[data-cat="interview-civil"] { --cat-bg: var(--ink-russet-bg); --cat-fg: var(--ink-russet-fg); }