/* ==========================================================================
   BlueShield Security Solutions — Design tokens
   Single source of truth for colour, type, space, radius, motion.
   ========================================================================== */

:root{
  /* Canvas */
  --ink-900:#050B18;
  --ink-800:#081226;
  --ink-700:#0C1B33;
  --ink-600:#122543;
  --line:#1B3157;
  --line-soft:#132444;

  /* Text */
  --text-hi:#F2F6FF;
  --text:#C0CDE4;
  --text-mid:#8C9DBB;
  --text-low:#5E7091;

  /* Accent */
  --accent-500:#1E6BFF;
  --accent-400:#4C8CFF;
  --accent-600:#0B4ED6;
  --accent-700:#083AA3;
  --accent-soft:rgba(30,107,255,.14);

  /* Signal */
  --signal:#22D3EE;
  --signal-soft:rgba(34,211,238,.12);

  /* Sand */
  --sand:#E3BE85;
  --sand-soft:rgba(227,190,133,.12);

  /* Severity */
  --sev-critical:#FF4D5E;
  --sev-critical-soft:rgba(255,77,94,.12);
  --sev-high:#FF8A3D;
  --sev-high-soft:rgba(255,138,61,.12);
  --sev-medium:#FFC44D;
  --sev-medium-soft:rgba(255,196,77,.12);
  --sev-low:#38D39F;
  --sev-low-soft:rgba(56,211,159,.12);

  /* Light band */
  --paper:#F7F3EC;
  --paper-ink:#0A1526;
  --paper-line:#E2D9CB;

  /* Effects */
  --grad-accent:linear-gradient(135deg,#0B4ED6 0%,#1E6BFF 52%,#22D3EE 140%);
  --grad-text:linear-gradient(100deg,#F2F6FF 0%,#AFC8FF 46%,#4C8CFF 100%);
  --glow-accent:0 0 0 1px rgba(30,107,255,.35),0 24px 60px -24px rgba(30,107,255,.55);
  --shadow-card:0 1px 0 rgba(255,255,255,.04) inset,0 20px 50px -30px rgba(0,0,0,.9);

  /* Radius */
  --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* Spacing (8pt) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;

  /* Layout */
  --container:1240px;
  --container-wide:1440px;
  --gutter:clamp(20px,5vw,48px);
  --section-y:clamp(64px,9vw,128px);
  --header-h:76px;
  --topbar-h:40px;

  /* Motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:.18s; --dur:.35s; --dur-slow:.7s;

  /* Type families */
  --font-display:'Archivo', 'Segoe UI', Arial, sans-serif;
  --font-body:'Inter', 'Segoe UI', Arial, sans-serif;
  --font-mono:'JetBrains Mono', 'Consolas', monospace;
}