/* AUTO-GENERATED — do not edit. Source: packages/design-tokens/tokens.json */
/* Regenerate: npm run tokens:build */

:root {
  /* —— Asteraix color roles —— */
  --ax-action: #1D50A2;
  --ax-forward: #C0633F;
  --ax-forward-fill: #C2663A;
  --ax-label: #5A6B8C;
  --ax-ink: #1F2A37;
  --ax-ink-soft: #3D4451;
  --ax-gray: #6B7280;
  --ax-hairline: #E5E0D8;
  --ax-cream: #F7F4EF;
  --ax-white: #FFFFFF;
  --ax-cream-deep: #ECE6DC;
  --ax-code-bg: #0F172A;
  --ax-code-text: #E2E8F0;
  --ax-navy: #0D1E58;
  --ax-border-light: #CBD5E0;
  --ax-border-input: #D6DAE1;
  --ax-surface-warm: #FBFAF7;
  --ax-crumb-muted: #C9CFD8;
  --ax-marker-muted: #DADFE6;
  --ax-error: #C0392B;
  --ax-notice-success: #028753;
  --ax-notice-info: #1D50A2;
  --ax-notice-alert: #B91C1C;
  --ax-notice-warning: #B45309;
  --ax-notice-rating: #D97706;

  /* —— Type scale (5 tiers only) —— */
  --ax-fs-1: 32px;
  --ax-fs-2: 18px;
  --ax-fs-3: 16px;
  --ax-fs-4: 14px;
  --ax-fs-5: 12.8px;

  /* —— Fonts —— */
  --ax-font-display: "Sora", -apple-system, "PingFang SC", "Source Han Sans SC", sans-serif;
  --ax-font-body:    "Inter", -apple-system, "PingFang SC", "Source Han Sans SC", sans-serif;
  --ax-font-serif:   "Source Han Serif SC", Georgia, serif;
  --ax-font-mono:    ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* —— Layout / button —— */
  --ax-radius:       8px;
  --ax-radius-card:  16px;
  --ax-radius-card-sm: 14px;
  --ax-radius-pill:  10px;
  --ax-radius-code:  4px;
  --ax-btn-tracking: 0.02em;
  --ax-btn-height:   41px;

  /* —— Semantic shadows (from brand colors) —— */
  --ax-shadow-action-sm: rgba(29, 80, 162, 0.12);
  --ax-shadow-action-md: rgba(29, 80, 162, 0.22);
  --ax-shadow-action-bg09: rgba(29, 80, 162, 0.09);
  --ax-shadow-action-bg08: rgba(29, 80, 162, 0.08);
  --ax-shadow-action-bg14: rgba(29, 80, 162, 0.14);
  --ax-shadow-forward-bg14: rgba(194, 102, 58, 0.14);
  --ax-shadow-forward-bg22: rgba(194, 102, 58, 0.22);
  --ax-shadow-forward-border35: rgba(194, 102, 58, 0.35);
  --ax-shadow-ink-xs: rgba(31, 42, 55, 0.04);
  --ax-shadow-ink-sm: rgba(31, 42, 55, 0.06);
  --ax-shadow-ink-md: rgba(31, 42, 55, 0.08);
  --ax-shadow-ink-lg: rgba(31, 42, 55, 0.12);
  --ax-shadow-ink-xl: rgba(31, 42, 55, 0.16);
  --ax-shadow-ink-card: rgba(31, 42, 55, 0.18);
  --ax-shadow-ink-card-lg: rgba(31, 42, 55, 0.3);
  --ax-shadow-ink-card-xl: rgba(31, 42, 55, 0.32);
  --ax-shadow-white35: rgba(255, 255, 255, 0.35);
  --ax-shadow-white82: rgba(255, 255, 255, 0.82);
  --ax-shadow-navy05: rgba(13, 30, 88, 0.05);
  --ax-shadow-navy08: rgba(13, 30, 88, 0.08);
  --ax-shadow-navy45: rgba(13, 30, 88, 0.45);
  --ax-shadow-navy30: rgba(13, 30, 88, 0.3);
  --ax-shadow-forward28: rgba(194, 102, 58, 0.28);
  --ax-shadow-forward32: rgba(194, 102, 58, 0.32);
  --ax-shadow-action05: rgba(29, 80, 162, 0.05);

  /* —— Kadence global palette bridge (token-driven, single source) —— */
  --global-palette1: var(--ax-action);
  --global-palette2: var(--ax-forward-fill);
  --global-palette3: var(--ax-ink);
  --global-palette4: var(--ax-ink);
  --global-palette5: var(--ax-ink-soft);
  --global-palette6: var(--ax-gray);
  --global-palette7: var(--ax-hairline);
  --global-palette8: var(--ax-cream);
  --global-palette9: var(--ax-white);
  --global-palette10: var(--ax-forward);
  --global-palette11: var(--ax-notice-success);
  --global-palette12: var(--ax-notice-info);
  --global-palette13: var(--ax-notice-alert);
  --global-palette14: var(--ax-notice-warning);
  --global-palette15: var(--ax-notice-rating);
}

/* Homepage blueprint (dark hero) — scoped, not site-wide */
.home {
  --ax-hero-bg: #020617;
  --ax-hero-surface: rgba(15, 23, 42, 0.72);
  --ax-hero-surface-soft: rgba(15, 23, 42, 0.48);
  --ax-hero-surface-strong: rgba(15, 23, 42, 0.82);
  --ax-hero-surface-card: rgba(15, 23, 42, 0.88);
  --ax-hero-border: rgba(147, 197, 253, 0.2);
  --ax-hero-border-strong: rgba(147, 197, 253, 0.42);
  --ax-hero-border-card: rgba(147, 197, 253, 0.22);
  --ax-hero-border-accent: rgba(127, 176, 245, 0.35);
  --ax-hero-border-accent40: rgba(127, 176, 245, 0.4);
  --ax-hero-grid-line: rgba(147, 197, 253, 0.06);
  --ax-hero-glow: rgba(37, 99, 235, 0.18);
  --ax-hero-glow-strong: rgba(37, 99, 235, 0.25);
  --ax-hero-text: #F8FAFC;
  --ax-hero-text-soft: rgba(248, 250, 252, 0.72);
  --ax-hero-text-softer: rgba(248, 250, 252, 0.92);
  --ax-hero-text-muted: rgba(248, 250, 252, 0.62);
  --ax-hero-muted: #94A3B8;
  --ax-hero-blue: #60A5FA;
  --ax-hero-blue-strong: #2563EB;
  --ax-hero-blue-fill: #1D4ED8;
  --ax-hero-panel-bg: #121D31;
  --ax-hero-panel-bg-hover: #16233B;
  --ax-hero-panel-border: rgba(148, 163, 184, 0.14);
  --ax-hero-link: #CDDDF5;
}