/* Badger Design System — shared CSS custom properties.
   Linked from every page so tokens are never duplicated. */
:root {
  /* -- Badger brand colors --------------------------------------------- */
  --scarlet-500: #de3846;
  --scarlet-600: #c22f3b;
  --scarlet-700: #a02530;
  --secondary: #f4a65c;
  --palePink: #fbdde4;

  /* -- Neutral scale ---------------------------------------------------- */
  --ink: #0f172a;
  --ink-900: #0f172a;
  --ink-700: #1e293b;
  --ink-400: #94a3b8;
  --ink-200: #e2e8f0;
  --ink-100: #f1f5f9;
  --paper: #ffffff;
  --white: #ffffff;
  --cream: #f7f2ea;

  /* -- Extended palette ------------------------------------------------- */
  --blush-50: #fbf1ef;
  --blush-100: #f8e3df;
  --blush-200: #f4d0cb;
  --stone-50: #f4f0e9;
  --stone-100: #eae4da;
  --stone-200: #dad2c5;
  --stone-300: #bfb6a7;
  --stone-400: #968d7e;
  --stone-500: #6e665a;
  --stone-600: #4e4840;
  --stone-700: #36322c;
  --lime-400: #c7d84a;
  --lime-500: #aec22f;
  --amber-400: #e8a33d;
  --olive-500: #6f8c3a;

  /* -- Semantic aliases ------------------------------------------------- */
  --text-body: var(--ink);
  --text-muted: var(--ink-400);
  --text-faint: var(--ink-200);
  --text-accent: var(--scarlet-500);
  --border-subtle: var(--ink-100);
  --border-default: var(--ink-200);
  --success-soft: #eaf0dc;
  --success: var(--olive-500);
  --warning-soft: #fcefd6;

  /* -- Shadows ---------------------------------------------------------- */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.07);
  --shadow-md: 0 6px 18px rgba(15, 23, 42, 0.09);
  --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);
  --shadow-pop: 0 12px 28px rgba(222, 56, 70, 0.22);
  --shadow-hard: 4px 4px 0 var(--ink);

  /* -- Radii ------------------------------------------------------------ */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-pill: 999px;
  --radius-squircle: 28%;

  /* -- Motion ----------------------------------------------------------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;

  /* -- Borders ---------------------------------------------------------- */
  --border-width: 1.5px;
  --border-width-bold: 2px;

  /* -- Typography ------------------------------------------------------- */
  --font-display: "Roboto Slab", Georgia, serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extra: 800;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-lg: 21px;
  --fs-xl: 26px;
  --fs-2xl: 33px;
  --fs-3xl: 44px;
  --fs-4xl: 58px;
  --fs-5xl: 76px;
  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-normal: 1.5;
  --lh-relaxed: 1.65;
  --ls-tight: -0.02em;
  --ls-snug: -0.01em;
  --ls-normal: 0;
  --ls-wide: 0.04em;
  --ls-caps: 0.08em;
  --focus-ring: var(--scarlet-500);

  /* -- Page accent (override per page if needed) ----------------------- */
  --page-accent: var(--scarlet-500);
  --page-accent-strong: var(--scarlet-600);
}