:root {
  /* Cohere-inspired Futurelab 2026 design system */
  --fl-primary: #17171c;
  --fl-black: #000000;
  --fl-ink: #212121;
  --fl-deep-green: #003c33;
  --fl-dark-navy: #071829;
  --fl-canvas: #ffffff;
  --fl-soft-stone: #eeece7;
  --fl-pale-green: #edfce9;
  --fl-pale-blue: #f1f5ff;
  --fl-hairline: #d9d9dd;
  --fl-border-light: #e5e7eb;
  --fl-card-border: #f2f2f2;
  --fl-muted: #93939f;
  --fl-slate: #75758a;
  --fl-body-muted: #616161;
  --fl-action-blue: #1863dc;
  --fl-focus-blue: #4c6ee6;
  --fl-coral: #ff7759;
  --fl-coral-soft: #ffad9b;
  --fl-form-focus: #9b60aa;
  --fl-error: #b30000;

  --fl-font-display: "CohereText", "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --fl-font-body: "Unica77 Cohere Web", "Inter", Arial, ui-sans-serif, system-ui, sans-serif;
  --fl-font-mono: "CohereMono", "JetBrains Mono", Arial, ui-sans-serif, system-ui, sans-serif;

  --fl-radius-xs: 4px;
  --fl-radius-sm: 8px;
  --fl-radius-md: 16px;
  --fl-radius-lg: 22px;
  --fl-radius-xl: 30px;
  --fl-radius-pill: 32px;
  --fl-radius-full: 9999px;

  --fl-space-xxs: 2px;
  --fl-space-xs: 6px;
  --fl-space-sm: 8px;
  --fl-space-md: 12px;
  --fl-space-lg: 16px;
  --fl-space-xl: 24px;
  --fl-space-xxl: 32px;
  --fl-space-section: 80px;

  /* Keep legacy Ora aliases alive for older product components. */
  --ora-dark: #0b0e14;
  --ora-midnight: #1b2031;
  --ora-teal: #6d9ea3;
  --ora-silver: #e0e5e9;

  /* OG card branding: htmlctl reads this to set the accent stripe and site-name colour. */
  --og-accent: #003c33;
}