/* ============================================================
   eikoro design tokens  (OWNER: lead — treat as LOCKED)
   Everyone imports these vars. Do not rename or remove.
   Extend by adding new vars in your own stylesheet.
   Brand feel: calm, trustworthy, official-but-friendly, editorial.
   ============================================================ */
:root {
  /* palette */
  --ink-900: #0b1220;
  --ink-800: #131c2e;
  --ink-700: #1f2b42;
  --ink-500: #44526b;
  --ink-400: #6b7a93;
  --ink-300: #93a0b5;
  --line: #e3e7ee;
  --paper: #ffffff;
  --paper-2: #f7f8fb;
  --paper-3: #eef1f6;

  --brand-700: #0f4c81;   /* passport navy */
  --brand-600: #14639f;
  --brand-500: #1c7fd0;
  --brand-100: #e8f2fb;

  --accent-600: #0f8a6a;  /* success / money */
  --accent-100: #e6f5f0;

  --warn-600: #b45309;
  --warn-100: #fdf3e3;
  --danger-600: #b42318;
  --danger-100: #fdeceb;

  /* type */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: 12px; --fs-sm: 13.5px; --fs-md: 15px; --fs-lg: 17px;
  --fs-xl: 21px; --fs-2xl: 28px; --fs-3xl: 38px; --fs-4xl: 52px;

  /* space / radius / shadow */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 104px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 26px; --r-full: 999px;
  --sh-1: 0 1px 2px rgba(11,18,32,.06), 0 1px 3px rgba(11,18,32,.04);
  --sh-2: 0 4px 16px rgba(11,18,32,.08), 0 1px 3px rgba(11,18,32,.04);
  --sh-3: 0 18px 50px rgba(11,18,32,.14), 0 4px 12px rgba(11,18,32,.06);

  --maxw: 1120px;
  --header-h: 64px;
}