/* ============================================================
   AURANTIUM — design tokens
   Dark, instrument-grade theme. Blue primary, orange accent.
   ============================================================ */
:root {
  /* ---- surfaces ---- */
  --ink:        #0B0D10;
  --ink-2:      #0E1116;
  --ink-3:      #10141A;
  --surface:    #14181F;
  --surface-2:  #181D26;
  --surface-3:  #1E2530;

  /* ---- hairlines ---- */
  --line:        rgba(255,255,255,.07);
  --line-2:      rgba(255,255,255,.11);
  --line-strong: rgba(255,255,255,.16);

  /* ---- brand ---- */
  --blue:        #1B77D2;
  --blue-bright: #2E90EA;
  --blue-deep:   #135aa3;
  --blue-tint:   #7FB1E3;
  --orange:      #E8771F;
  --orange-bright:#FF8C33;

  --blue-glow:   rgba(27,119,210,.55);
  --blue-soft:   rgba(46,144,234,.14);
  --orange-soft: rgba(232,119,31,.14);

  /* ---- text ---- */
  --text:      #EAF0F7;
  --text-2:    #B7C3D1;
  --text-dim:  #8A98A8;
  --text-mute: #5E6B7A;

  /* ---- type ---- */
  --font-display: "Archivo", "Hanken Grotesk", sans-serif;
  --font-body:    "Hanken Grotesk", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* ---- radius ---- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;

  /* ---- shadow ---- */
  --shadow-sm: 0 2px 8px rgba(0,0,0,.35);
  --shadow-md: 0 16px 40px -12px rgba(0,0,0,.55);
  --shadow-lg: 0 40px 90px -30px rgba(0,0,0,.7);
  --glow-blue: 0 0 0 1px rgba(46,144,234,.4), 0 18px 50px -16px rgba(27,119,210,.5);

  /* ---- layout ---- */
  --maxw: 1200px;
  --gutter: clamp(20px, 5vw, 56px);
  --nav-h: 68px;

  /* ---- motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,.84,.44,1);
}