/* YUNIK AI Labs — brand theme tokens (single source of brand truth) */
:root{
  /* Core palette */
  --navy:#101D42;      /* Sovereign Navy  */
  --blue:#4169E1;      /* Intelligence Blue */
  --ink:#0D1428;
  --slate:#374151;
  --stone:#687280;
  --line:#E2E8F0;
  --canvas:#F8FAFC;
  --surface:#FFFFFF;

  /* Secondary accent (hybrid): teal for data-viz highlights & flow, never for CTAs/links */
  --teal:#00B2A9;
  --teal-12:rgba(0,178,169,.12);
  --teal-16:rgba(0,178,169,.18);
  --teal-40:rgba(0,178,169,.40);

  /* Semantic roles */
  --bg:var(--surface);
  --fg:var(--ink);
  --accent:var(--blue);
  --brand:var(--navy);
  --muted:var(--stone);

  /* Tints derived from brand */
  --blue-08:rgba(65,105,225,.08);
  --blue-12:rgba(65,105,225,.12);
  --blue-16:rgba(65,105,225,.16);
  --navy-04:rgba(16,29,66,.04);
  --navy-08:rgba(16,29,66,.08);

  /* Type */
  --font-sans:"Manrope","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --t-display:clamp(2.35rem,6.4vw,5.4rem);
  --t-h1:clamp(2.05rem,4.4vw,3.6rem);
  --t-h2:clamp(1.9rem,3.2vw,2.6rem);
  --t-h3:clamp(1.35rem,2.2vw,1.7rem);
  --t-lead:clamp(1.06rem,1.7vw,1.3rem);

  /* Radius / shadow / layout */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:999px;
  --shadow:0 12px 30px rgba(16,29,66,.10);
  --shadow-lg:0 30px 70px -30px rgba(16,29,66,.35);
  --content:1440px;
  --header-h:84px;
}