/*
 * Keybridge design tokens.
 * Copied verbatim from the Keybridge Design System
 * (_ds/keybridge-design-system-dcd32f84-…/tokens/*) so the site is
 * self-contained. Treat this file as generated — edit the design system,
 * not this copy, if the tokens ever change upstream.
 */

/* fonts.css */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;

  /* Primary — Deep Slate (stability, financial trust) */
  --slate-50:#F8FAFC; --slate-100:#F1F5F9; --slate-200:#E2E8F0; --slate-300:#CBD5E1;
  --slate-400:#94A3B8; --slate-500:#64748B; --slate-600:#475569; --slate-700:#334155;
  --slate-800:#1E293B; --slate-900:#0F172A;

  /* Supporting teal */
  --teal-600:#0D9488; --teal-700:#0F766E;

  /* Secondary — Soft Sand / Warm Linen */
  --linen-50:#FAF9F6; --linen-100:#F5F2EC; --linen-200:#EBE6DB; --linen-300:#DCD4C3;

  /* Accent — Warm Honey / Mustard Gold */
  --honey-100:#FEF3C7; --honey-300:#FCD34D; --honey-400:#FBBF24; --honey-500:#F59E0B; --honey-600:#D97706;

  /* Semantic status */
  --green-600:#059669; --green-100:#D1FAE5; --red-600:#DC2626; --red-100:#FEE2E2;

  /* Aliases */
  --surface-page:var(--linen-50); --surface-card:#FFFFFF; --surface-sunken:var(--linen-100); --surface-inverse:var(--slate-900);
  --text-heading:var(--slate-900); --text-body:var(--slate-600); --text-muted:var(--slate-400);
  --text-on-inverse:#F8FAFC; --text-on-inverse-muted:#B9C3D4; --text-on-accent:var(--slate-900);
  --accent:var(--honey-500); --accent-hover:var(--honey-600); --accent-soft:var(--honey-100);
  --border-subtle:var(--linen-200); --border-strong:var(--slate-300); --border-inverse:rgba(248,250,252,.14);
  --focus-ring:0 0 0 3px rgba(245,158,11,.35);

  /* Typography */
  --text-display:clamp(40px,5vw,60px); --text-h1:40px; --text-h2:30px; --text-h3:22px; --text-h4:18px;
  --text-body-lg:18px; --text-body-md:16px; --text-body-sm:14px; --text-caption:12.5px;
  --weight-extrabold:800; --weight-bold:700; --weight-semibold:600; --weight-medium:500; --weight-regular:400;
  --leading-display:1.08; --leading-heading:1.18; --leading-body:1.6;
  --tracking-display:-0.02em; --tracking-heading:-0.01em; --tracking-caps:0.08em;

  /* Spacing */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px;
  --container-max:1120px; --section-pad:96px;

  /* Radius / shadows / motion */
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; --radius-pill:999px;
  --shadow-card:0 20px 25px -5px rgba(15,23,42,.05),0 8px 10px -6px rgba(15,23,42,.05);
  --shadow-float:0 25px 50px -12px rgba(15,23,42,.12);
  --shadow-subtle:0 1px 2px rgba(15,23,42,.05);
  --ease-smooth:cubic-bezier(.4,0,.2,1);
  --dur-fast:150ms;
  --dur-med:250ms;
}