/* VENDORED from clairvynt-brand-tokens/dist/clairvynt-tokens.css — do not hand-edit.
   Re-copy this file when brand tokens change (rare). Source of truth is the package repo.
   The website's styles.css aliases its own names onto these canonical tokens. */
/* auto-generated from tokens/brand-tokens.json — do not hand-edit */
:root {
  /* =====================================================
     CLAIRVYNT BRAND TOKENS — generated 0.1.0 (2026-04)
     Source of truth: clairvynt-brand-tokens/tokens/brand-tokens.json
  ===================================================== */

  /* Core palette */
  --clv-color-dark-navy: #000432;
  --clv-color-deep-navy: #03264E;
  --clv-color-deep-teal: #004262;
  --clv-color-slate-blue: #4B7696;
  --clv-color-muted-sage: #A2BDBD;
  --clv-color-ice-blue: #D8EAE9;
  --clv-color-white: #FFFFFF;

  /* Semantic background */
  --clv-color-bg: #000432;
  --clv-color-bg-deep: #000228;
  --clv-color-bg-surface: #03264E;
  --clv-color-bg-elevated: #004262;

  /* Semantic text (derived neutrals) */
  --clv-color-text-primary: #EAF4F7;
  --clv-color-text-secondary: #94AFBC;
  --clv-color-text-muted: #5F7D94;

  /* Accent (interactive) */
  --clv-color-accent: #A2BDBD;
  --clv-color-accent-hover: #C0D4D4;
  --clv-color-accent-blue: #4B7696;
  --clv-color-accent-glow: rgba(162, 189, 189, 0.3);

  /* Surfaces / borders (light) */
  --clv-color-surface: #EFF4F5;
  --clv-color-border: #C6D5D5;
  --clv-color-bg-alt: #1E2D3D;

  /* Opacity variants */
  --clv-sage-06: rgba(162, 189, 189, 0.06);
  --clv-sage-08: rgba(162, 189, 189, 0.08);
  --clv-sage-10: rgba(162, 189, 189, 0.10);
  --clv-sage-12: rgba(162, 189, 189, 0.12);
  --clv-sage-14: rgba(162, 189, 189, 0.14);
  --clv-sage-15: rgba(162, 189, 189, 0.15);
  --clv-sage-18: rgba(162, 189, 189, 0.18);
  --clv-sage-20: rgba(162, 189, 189, 0.20);
  --clv-sage-24: rgba(162, 189, 189, 0.24);
  --clv-bg-14: rgba(0, 4, 50, 0.14);
  --clv-bg-22: rgba(3, 38, 78, 0.22);
  --clv-bg-25: rgba(3, 38, 78, 0.25);
  --clv-color-line: var(--clv-sage-18);
  --clv-color-border-subtle: rgba(162, 189, 189, 0.10);
  --clv-color-border-default: rgba(162, 189, 189, 0.18);
  --clv-color-overlay: rgba(0, 4, 50, 0.62);

  /* Brand gradients */
  --clv-gradient-logo-main: linear-gradient(180deg, #18374c 0%, #385875 52%, #8bbeb3 100%);
  --clv-gradient-logo-rev: linear-gradient(180deg, #385875 0%, #4b7696 52%, #8bbeb3 100%);
  --clv-gradient-brand: linear-gradient(135deg, #A2BDBD, #004262);

  /* Status colours */
  --clv-color-warn: #F59E0B;
  --clv-color-success: #34D399;
  --clv-color-error: #F87171;
  --clv-color-info: #60A5FA;

  /* Focus / error rings, glow */
  --clv-focus-ring: 0 0 0 3px rgba(75, 118, 150, 0.30);
  --clv-error-ring: 0 0 0 3px rgba(248, 113, 113, 0.40);
  --clv-shadow-glow: 0 0 32px var(--clv-color-accent-glow);
}