/* ==========================================================================
   MIDNIGHT STUDIO :: 00 TOKENS
   Marketence Hub design system. Values match the source HTML build exactly.
   Every other file in this theme reads these custom properties; never
   hardcode a hex value outside this file.
   ========================================================================== */
:root{
  /* Ink -- the canvas ramp */
  --ink-900:#070B16;
  --ink-850:#0B1020;   /* ground */
  --ink-800:#101830;
  --ink-750:#131C36;
  --ink-700:#16203C;
  --ink-650:#1B2647;

  /* Glass + hairlines */
  --glass:rgba(255,255,255,.045);
  --glass-2:rgba(255,255,255,.075);
  --glass-3:rgba(255,255,255,.10);
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --line-3:rgba(255,255,255,.26);

  /* Text */
  --text:#E9F0FF;
  --text-2:#A7B4D0;
  --text-3:#71809F;
  --on-cyan:#03131B;

  /* Cyan -- interactive only */
  --cyan-300:#67E8F9;
  --cyan-400:#22D3EE;
  --cyan-500:#06B6D4;
  --cyan-600:#0891B2;
  --cyan-soft:rgba(34,211,238,.12);
  --cyan-ring:rgba(34,211,238,.30);

  /* Amber -- licence status only, never a button or link */
  --amber-300:#FCD34D;
  --amber-400:#FBBF24;
  --amber-500:#F5A524;
  --amber-on:#1A1204;
  --amber-soft:rgba(245,165,36,.13);
  --amber-line:rgba(245,165,36,.34);

  /* Status */
  --ok:#34D399;
  --ok-soft:rgba(52,211,153,.13);
  --warn:#FB7185;

  --accent:var(--cyan-400);
  --link:var(--cyan-300);

  /* Radius -- three grammars, held everywhere */
  --r-chip:8px;
  --r-card:20px;
  --r-panel:26px;
  --r-pill:9999px;

  /* Spacing */
  --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-section:clamp(64px,8vw,112px);

  /* Type */
  --font-display:"Segoe UI Variable Display",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,system-ui,sans-serif;
  --font-text:"Segoe UI Variable Display",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,system-ui,sans-serif;
  --font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,monospace;

  --t-hero:clamp(38px,6.6vw,82px);
  --t-h2:clamp(28px,3.6vw,46px);
  --t-h3:clamp(20px,1.9vw,24px);
  --t-lead:clamp(16px,1.4vw,20px);
  --t-body:16px;
  --t-sm:14px;
  --t-xs:12px;
  --t-label:11px;

  --h-header:68px;
  --wrap:1280px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* Elevation -- depth comes from a light seam, never a drop shadow */
  --e1:0 1px 0 rgba(255,255,255,.05) inset;
  --e2:0 18px 50px rgba(3,7,18,.55);
  --e3:0 30px 80px rgba(3,7,18,.70);
  --glow-cyan:0 0 0 1px rgba(34,211,238,.40),0 14px 44px rgba(34,211,238,.20);
  --glow-amber:0 0 0 1px rgba(245,165,36,.35);
}