/* ═══════════════════════════════════════════════════════════════════════════
   NEK — DESIGN TOKENS  (single source of truth)
   Dark-violet cinematic system, extracted from the approved Concept D3 homepage.
   This file defines the ENTIRE palette, type scale, spacing, radii and motion.
   No component or page may invent a colour/spacing value — it consumes a var().
   Owner of the VALUES: web-designer. Owner of the STRUCTURE: web-developer.
   There is exactly ONE token system on the site. The legacy v5 cream tokens and
   the v6 !important override file (css/nek-theme.css) are deleted, not coexisting.
═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* ── deep cinematic violet-black surfaces ── */
  --bg:        #0C0A16;
  --bg-2:      #0D0B1A;
  --surface:   #141228;
  --surface-2: #1A1830;
  --line:      rgba(155, 155, 192, .14);
  --line-soft: rgba(155, 155, 192, .08);

  /* ── one accent: luxurious violet ── */
  --accent:    #8B7FFF;
  --accent-hi: #A49BFF;
  --accent-lo: #6358E8;
  --glow:      rgba(123, 111, 255, .18);
  --glow-hi:   rgba(164, 155, 255, .30);

  /* ── text ── */
  --ink:       #EFECFF;
  --ink-dim:   #9B9BC0;
  --ink-faint: #6E6E92;

  /* ── status (derived from the violet world, kept readable on dark) ── */
  --error:     #FF8A8A;
  --success:   #8FE3B0;
  --warn:      #FFD27F;

  /* ── typography ── */
  --display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --sans:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --serif:   'Playfair Display', Georgia, serif;

  /* fluid type scale (large-monitor first, never below mobile-legible) */
  --fs-eyebrow: clamp(11px, .9vw, 14px);
  --fs-small:   clamp(13px, .95vw, 15px);
  --fs-body:    clamp(1rem, 1.05vw, 1.18rem);
  --fs-lead:    clamp(1.05rem, 1.25vw, 1.32rem);
  --fs-h3:      clamp(1.4rem, 2vw, 2.2rem);
  --fs-h2:      clamp(2.2rem, 5.2vw, 5.4rem);
  --fs-h1:      clamp(2.6rem, 6vw, 6rem);

  /* ── spacing scale ── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-section: clamp(90px, 13vh, 200px);

  /* ── radii ── */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* ── shadows / depth ── */
  --shadow-sm:  0 2px 8px rgba(0, 0, 0, .4);
  --shadow-md:  0 18px 50px -20px rgba(0, 0, 0, .7);
  --shadow-lg:  0 50px 120px -60px rgba(0, 0, 0, .8);
  --shadow-glow: 0 16px 50px -14px var(--glow);

  /* ── motion ── */
  --ease:        cubic-bezier(.22, .61, .36, 1);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast:  .2s;
  --t-base:  .3s;
  --t-slow:  .9s;

  /* ── layout anchors ── */
  --gutter:     clamp(24px, 4vw, 96px);
  --maxw:       1760px;
  --maxw-tight: 1240px;
  --maxw-prose: 760px;
}