/**
 * NewEra design tokens — generated from Figma variables (node 333:8121).
 * Source of truth: docs/design-inventory/design-tokens.md. Do not hand-tune
 * values here without syncing the Figma file.
 */
:root {
  /* Color / Primary (indigo) */
  --ne-primary-100: #9686f0;
  --ne-primary-300: #361ad4;
  --ne-primary-400: #261298;
  --ne-primary-500: #170b5b;
  --ne-primary-600: #0e0739;
  --ne-primary-a10: rgba(23, 11, 91, 0.1);

  /* Color / Secondary (blue) */
  --ne-secondary-100: #b1daf9;
  --ne-secondary-300: #1590ee;
  --ne-secondary-400: #0e76c6;
  --ne-secondary-500: #0b5c9a;
  --ne-secondary-a10: rgba(21, 144, 238, 0.1);

  /* Color / Tertiary (cyan) */
  --ne-tertiary-100: #c3f3fa;
  --ne-tertiary-300: #4bdcf1;
  --ne-tertiary-400: #12cfea;
  --ne-tertiary-500: #0ea0b5;
  --ne-tertiary-a10: rgba(18, 207, 234, 0.1);

  /* Color / Semantic */
  --ne-red-100: #fb3748;
  --ne-red-200: #d00416;
  --ne-green-200: #1fc16b;
  --ne-yellow-200: #dfb400;

  /* Color / Neutral */
  --ne-neutral-100: #ffffff;
  --ne-neutral-200: #e8e8e8;
  --ne-neutral-300: #d2d2d2;
  --ne-neutral-400: #bbbbbb;
  --ne-neutral-500: #a4a4a4;
  --ne-neutral-600: #8e8e8e;
  --ne-neutral-700: #777777;
  --ne-neutral-800: #606060;
  --ne-neutral-900: #4a4a4a;
  --ne-neutral-1000: #333333;

  /* Typography — Lato 400/600/700 */
  --ne-font: "Lato", -apple-system, "Segoe UI", sans-serif;
  --ne-h1-size: 58px;  --ne-h1-line: 87px;
  --ne-h2-size: 48px;  --ne-h2-line: 72px;
  --ne-h4-size: 34px;  --ne-h4-line: 51px;
  --ne-h6-size: 24px;  --ne-h6-line: 36px;
  --ne-h7-size: 20px;  --ne-h7-line: 30px;  /* semibold */
  --ne-h8-size: 16px;  --ne-h8-line: 20px;
  --ne-h9-size: 12px;  --ne-h9-line: 20px;  --ne-h9-tracking: 1.6px; /* uppercase eyebrow */
  --ne-b1-size: 16px;  --ne-b1-line: 24px;
  --ne-b2-size: 14px;  --ne-b2-line: 21px;
  --ne-b3-size: 12px;  --ne-b3-line: 18px;

  /* Spacing */
  --ne-space-3xs: 2px;
  --ne-space-2xs: 4px;
  --ne-space-xs: 8px;
  --ne-space-s: 12px;
  --ne-space-m: 16px;
  --ne-space-l: 20px;
  --ne-space-xl: 24px;
  --ne-space-2xl: 32px;
  --ne-space-3xl: 40px;
  --ne-space-4xl: 48px;
  --ne-space-5xl: 56px;
  --ne-space-6xl: 64px;

  /* Effects */
  --ne-shadow-deep: 0 12px 32px rgba(23, 11, 91, 0.14), 0 2px 6px rgba(23, 11, 91, 0.08);

  /* Layout */
  --ne-container: 1200px;
  --ne-content: 1152px;
  --ne-banner-h: 40px;
  --ne-header-h: 85px;
}