/* ============================================================
   Eddy design tokens
   Swiss grid · hairline borders · compact density
   Brand accent: #2962ff · Reference: DESIGN.md
   ============================================================ */

@font-face {
  font-family: 'Martina Plantijn';
  src: url('/assets/TestMartinaPlantijn-Light-BF663c36d1dbbe7.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Martina Plantijn';
  src: url('/css/TestMartinaPlantijn-Regular-BF663c36d1ec6d5.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Martina Plantijn';
  src: url('/assets/TestMartinaPlantijn-Black-BF663c36d1526a3.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Brand --- */
  --primary: #2962ff;
  --primary-hover: #1d4fe0;
  --primary-active: #1a45c4;
  --primary-soft: rgba(41, 98, 255, 0.08);
  --primary-softer: rgba(41, 98, 255, 0.04);
  --primary-ring: rgba(41, 98, 255, 0.22);

  /* --- Neutrals (achromatic scale) --- */
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-2: #f4f4f5;
  --surface-sunken: #f4f4f5;

  --ink: #171717;
  --ink-2: #262626;
  --ink-3: #737373;
  --ink-4: #a3a3a3;

  --border: #e5e5e5;
  --border-strong: #d4d4d8;

  /* code surfaces */
  --code-bg: #171717;
  --code-ink: #fafafa;
  --code-line: #262626;

  /* --- Status --- */
  --success: #15803d;
  --success-bg: #f0fdf4;
  --success-border: #bbf7d0;
  --warning: #a16207;
  --warning-bg: #fefce8;
  --warning-border: #fef08a;
  --danger: #b42318;
  --danger-bg: #fef2f2;
  --danger-border: #fecaca;

  /* --- Typography --- */
  --font-display: 'Martina Plantijn', 'Instrument Serif', 'Georgia', serif;
  --font-display-weight: 300;
  --font-ui: "Geist", "Satoshi", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-subheadline: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: "Newsreader", "Playfair Display", "Instrument Serif", "Georgia", serif;
  --font-wordmark: 'Martina Plantijn', 'Instrument Serif', 'Georgia', serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;

  --text-xs: 0.75rem; /* 12 */
  --text-sm: 0.8125rem; /* 13 */
  --text-md: 0.875rem; /* 14 body */
  --text-base: 1rem; /* 16 */
  --text-lg: 1.125rem; /* 18 subheading */
  --text-xl: 1.125rem; /* 18 */
  --text-2xl: 1.5rem; /* 24 */
  --text-3xl: 3rem; /* 48 display */

  /* --- Spacing (4px grid, compact) --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 5rem;
  --sp-9: 8rem;
  --sp-10: 12rem;
  --sp-12: 16rem;

  /* --- Shape --- */
  --radius-xs: 4px;
  --radius-sm: 10px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  --radius-badge: 26px;

  /* --- Elevation (border-first, no drop shadows) --- */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--primary-ring);
  --shadow-ring: 0 0 0 1px oklab(0.145 0 0 / 0.08);

  /* --- Layout --- */
  --page-max: 1400px;
  --section-gap: 3rem;

  /* --- Motion --- */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --t-fast: 120ms var(--ease);
  --t-med: 180ms var(--ease);
  --t-slow: 260ms var(--ease);
}