/* ═══════════════════════════════════════════════════════════════
   AKAMPIO · Variation 2 — Design tokens
   Same brand palette, calibrated for control-room aesthetic.
   ═══════════════════════════════════════════════════════════════ */
:root {
  --ak-basalt:      #0E0F12;
  --ak-basalt-hi:   #16181D;
  --ak-basalt-md:   #22252C;
  --ak-basalt-lo:   #050609;
  --ak-basalt-4:    #363A44;
  --ak-basalt-5:    #4B505C;

  --ak-bone:        #F1EEE8;
  --ak-bone-1:      #F8F6F2;
  --ak-bone-2:      #E5E1D8;
  --ak-bone-3:      #D0CBBF;
  --ak-bone-4:      #8A8578;
  --ak-white:       #FFFFFF;

  --ak-signal:      #5B8CFF;
  --ak-signal-hi:   #A8B8FF;
  --ak-signal-dim:  rgba(91,140,255,0.28);
  --ak-signal-glow: 0 0 12px rgba(91,140,255,0.4), 0 0 32px rgba(91,140,255,0.15);

  --ak-ember:       #E85A2C;

  --ak-hud:         rgba(241,238,232,0.72);
  --ak-hud-2:       rgba(241,238,232,0.62);
  --ak-hud-3:       rgba(241,238,232,0.46);
  --ak-hairline:    rgba(241,238,232,0.10);
  --ak-hairline-hi: rgba(241,238,232,0.20);
  --ak-scan:        rgba(91,140,255,0.10);

  --ak-font-display: 'General Sans','Inter',system-ui,-apple-system,sans-serif;
  --ak-font-mono:    'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;

  --fs-cover:     clamp(56px, 8vw, 132px);
  --fs-hero:      clamp(44px, 6.4vw, 104px);
  --fs-h1:        clamp(36px, 4.8vw, 72px);
  --fs-h2:        clamp(28px, 3.4vw, 48px);
  --fs-h3:        clamp(20px, 2.0vw, 28px);
  --fs-body-lg:   18px;
  --fs-body:      16px;
  --fs-small:     13px;
  --fs-meta:      11px;
  --fs-micro:     10px;

  --gutter: clamp(20px, 3.6vw, 56px);
  --container: 1440px;
  --container-wide: 1640px;
}