/* ============================================================
   VIONARK — Design Tokens
   Palette + type scale extracted directly from the brand decks.
   Deep-navy / electric-blue / warm-amber. Restrained, cinematic.
   ============================================================ */

:root {
  /* ---- Core ink (the deep) ---- */
  --abyss:        #04060d;   /* deepest background — the seabed */
  --ink-900:      #060910;   /* page base */
  --ink-800:      #0a0f1e;   /* surface navy */
  --ink-700:      #0c1426;   /* raised navy */
  --panel:        #0e1526;   /* card fill (solid) */
  --panel-soft:   rgba(20, 32, 58, 0.42);  /* card fill (glass) */
  --panel-edge:   rgba(120, 160, 230, 0.14);

  /* ---- Brand blue (the signal) ---- */
  --blue:         #4a8fff;   /* primary — from logo */
  --blue-bright:  #6ea6ff;
  --blue-soft:    #2f5fb8;
  --blue-glow:    rgba(74, 143, 255, 0.55);
  --blue-faint:   rgba(74, 143, 255, 0.10);

  /* ---- Amber (the warmth / targets) ---- */
  --amber:        #e8b24e;
  --amber-bright: #ffc940;
  --amber-glow:   rgba(232, 178, 78, 0.45);

  /* ---- Alert reds (CV violation states) ---- */
  --alert:        #ff5a5a;
  --alert-soft:   rgba(255, 90, 90, 0.16);
  --confirm:      #3ddc84;   /* CV "clear" green */

  /* ---- Text ---- */
  --white:        #f3f6fc;
  --text:         #b4c0d4;   /* body */
  --muted:        #7c879b;   /* secondary */
  --faint:        #4a5468;   /* labels at rest */
  --hairline:     rgba(170, 195, 235, 0.12);
  --hairline-2:   rgba(170, 195, 235, 0.06);

  /* ---- Type families ---- */
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Fluid type scale (clamp: min, vw, max) ---- */
  --t-hero:    clamp(2.8rem, 7.2vw, 7.5rem);
  --t-display: clamp(2.2rem, 5.4vw, 5rem);
  --t-h2:      clamp(1.8rem, 3.8vw, 3.4rem);
  --t-h3:      clamp(1.3rem, 2.1vw, 1.85rem);
  --t-lead:    clamp(1.05rem, 1.5vw, 1.35rem);
  --t-body:    clamp(0.98rem, 1.1vw, 1.08rem);
  --t-small:   0.875rem;
  --t-label:   0.72rem;     /* mono eyebrows */
  --t-micro:   0.66rem;

  /* ---- Spacing rhythm ---- */
  --gutter:    clamp(1.25rem, 5vw, 6rem);
  --section-y: clamp(5rem, 12vh, 11rem);
  --stack:     clamp(1rem, 2vw, 1.75rem);

  /* ---- Structure ---- */
  --maxw:      1440px;
  --radius:    14px;
  --radius-sm: 8px;

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur:       0.6s;

  /* ---- Z-index ladder ---- */
  --z-canvas:  0;
  --z-content: 10;
  --z-ui:      40;
  --z-cursor:  90;
  --z-loader:  100;
}