/* ANTICIP8 tokens 1.0.0. Generated by docs/design/brand-2026-09-10/tokens.py.
   Do not edit: the next run overwrites it. */
:root{
  --color-brand-turquoise: #3FD0C9;
  --color-brand-pale: #C1F6EC;
  --color-brand-navy: #045662;
  --color-surface-ground: #02141a;
  --color-surface-panel: #051f26;
  --color-surface-panel-raised: #07303a;
  --color-surface-field: #03181d;
  --color-ink-default: #eaf7f6;
  --color-ink-dim: rgba(234,247,246,0.70);
  --color-ink-faint: rgba(234,247,246,0.54);
  --color-ink-on-turquoise: #02141a;
  --color-line-default: rgba(193,246,236,0.10);
  --color-line-strong: rgba(193,246,236,0.18);
  --color-state-good: #2faf7f;
  --color-state-warn: #fcbe37;
  --color-state-bad: #ea2449;
  --color-sector-green: #2FAF7F;
  --color-sector-blue: #3AAFE7;
  --color-sector-yellow: #FCBE37;
  --color-sector-purple: #682FEA;
  --color-sector-lime: #ABEA2F;
  --color-sector-red: #EA2449;
  --signal-cadence-break: #FCBE37;
  --signal-unanswered-ask: #3AAFE7;
  --signal-upcoming-event: #682FEA;
  --signal-topic-shift-commercial: #2FAF7F;
  --signal-reply-latency-drift: #EA2449;
  --signal-reengagement: #ABEA2F;
  --signal-commitment-overdue: #3FD0C9;
  --gradient-icon: linear-gradient(90deg,#2FAF7F 0%,#3FD0C9 100%);
  --gradient-sector-education: linear-gradient(180deg,#682FEA 0%,#3FD0C9 100%);
  --gradient-sector-business: linear-gradient(180deg,#3AAFE7 0%,#3FD0C9 100%);
  --gradient-sector-healthcare: linear-gradient(180deg,#2FAF7F 0%,#3FD0C9 100%);
  --gradient-sector-finance: linear-gradient(180deg,#FCBE37 0%,#3FD0C9 100%);
  --gradient-sector-ecommerce: linear-gradient(180deg,#ABEA2F 0%,#3FD0C9 100%);
  --gradient-liquid: linear-gradient(90deg,#2FAF7F 0%,#3FD0C9 34%,#045662 68%,#02141a 100%);
  --font-family-sans: "Inter Tight",Inter,system-ui,sans-serif;
  --font-family-mono: ui-monospace,SFMono-Regular,Menlo,monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 800;
  --font-size-caption: 12px;
  --font-size-body: 16px;
  --font-size-lead: 19px;
  --font-size-h3: 22px;
  --font-size-h2: 30px;
  --font-size-h1: 44px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --motion-fast: 200ms;
  --motion-base: 320ms;
  --motion-slow: 400ms;
  --motion-ambient: 8s;
  --motion-ease: cubic-bezier(0.22,0.68,0.32,1);
  --elevation-card: 0 2px 12px 0 rgba(0,0,0,0.36);
}

@font-face{font-family:'Inter Tight';font-weight:100 900;font-style:normal;font-display:swap;src:url('font/InterTight-Variable.woff2') format('woff2')}
@font-face{font-family:'Inter Tight';font-weight:100 900;font-style:italic;font-display:swap;src:url('font/InterTight-Italic-Variable.woff2') format('woff2')}

@media (prefers-reduced-motion: reduce){
  :root{--motion-fast:1ms;--motion-base:1ms;--motion-slow:1ms;--motion-ambient:1ms}
  *,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}
}
