/* EasyEntry Brand Design Tokens v1.0
   Generated: 2026-07-01
   ------------------------------------------ */

:root {
  /* ── Primary palette — Slate ─────────────── */
  --color-primary-900: #0F172A;
  --color-primary-700: #1A3F62;
  --color-primary-500: #255480;
  --color-primary-300: #7FAECB;
  --color-primary-100: #EBF2F7;
  --color-primary-50:  #F8FAFC;

  /* ── Semantic ─────────────────────────────── */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger:  #F43F5E;
  --color-info:    #3B82F6;

  /* ── Text ─────────────────────────────────── */
  --color-ink:       #0F172A;
  --color-secondary: #475569;
  --color-tertiary:  #64748B;

  /* ── Surfaces / borders ────────────────────── */
  --color-border:    rgba(37, 84, 128, 0.25);
  --color-border-lt: rgba(37, 84, 128, 0.12);
  --color-bg:        #F8FAFC;
  --color-tint:      #EBF2F7;

  /* ── Typography ─────────────────────────────── */
  --font-primary: 'Geist', 'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Type scale ─────────────────────────────── */
  --text-display:    38px;
  --text-heading:    24px;
  --text-subheading: 18px;
  --text-body:       15px;
  --text-caption:    11px;
  --text-label:      9.5px;

  /* ── Tracking ───────────────────────────────── */
  --tracking-tight:  -1.5px;
  --tracking-normal: 0;
  --tracking-wide:   1.8px;

  /* ── Spacing ────────────────────────────────── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  14px;
  --space-lg:  22px;
  --space-xl:  32px;
  --space-2xl: 48px;

  /* ── Border radius ──────────────────────────── */
  --radius-sm:  7px;
  --radius-md:  11px;
  --radius-lg:  14px;
  --radius-xl:  16px;
  --radius-2xl: 20px;
  --radius-full: 9999px;

  /* ── Shadows ────────────────────────────────── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.04), 0 2px 10px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 18px rgba(37,84,128,0.12), 0 2px 6px rgba(0,0,0,0.06);
  --shadow-lg:  0 8px 24px rgba(37,84,128,0.14), 0 24px 64px rgba(37,84,128,0.18);
  --shadow-cta: 0 12px 32px rgba(37,84,128,0.45), 0 4px 10px rgba(26,63,98,0.25);
}