/* Generated from design/tokens.json (Loreeya design system) by `python manage.py build_tokens`. Do not edit. */
:root {
  --navy: #01395e;
  --navy-2: #022a47;
  --navy-glow: #0f5a86;
  --teal: #2c787f;
  --teal-2: #7bcad1;
  --teal-tint: rgba(44,120,127,.12);
  --orange: #ad551e;
  --orange-hover: #93481a;
  --orange-bright: #fc7c2c;
  --cream: #f4f0ee;
  --white: #ffffff;
  --ink: #1d2a33;
  --muted: #5f6a72;
  --line: #e3e7ea;
  --header-bg: rgba(255,255,255,.96);
  --on-dark: rgba(255,255,255,.85);
  --on-cta: rgba(255,255,255,.9);
  --on-footer: rgba(255,255,255,.75);
  --on-footer-link: rgba(255,255,255,.8);
  --ghost-line: rgba(255,255,255,.6);
  --dark-card: rgba(255,255,255,.06);
  --dark-card-line: rgba(255,255,255,.14);
  --dark-tint: rgba(255,255,255,.1);
  --dark-rule: rgba(255,255,255,.12);
  --brand-gray-dark: #333333;
  --brand-gray: #808080;
  --font-sans: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  --gap-btn: 12px;
  --gutter: 20px;
  --gap-nav: 22px;
  --gap-grid: 24px;
  --pad-card: 28px;
  --gap-wide: 40px;
  --gap-split: 56px;
  --header-h: 72px;
  --section-y: 80px;
  --max: 1160px;
  --radius-sm: 14px;
  --radius: 18px;
  --radius-lang: 20px;
  --radius-cta: 28px;
  --radius-chip: 30px;
  --radius-pill: 56px;
  --radius-round: 50%;
  --card-hover: 0 14px 34px rgba(1,57,94,.09);
  --hero-image: 0 30px 40px rgba(0,0,0,.35);
}