/* oakinkin-tokens.css - Oakinkin Labs shared design tokens.
   CSS VARIABLES ONLY - no layout, no components (ruling design-system-shared-tokens-locked, 2026-05-11).
   Values come from kinkin/sources/PROJECT_oakinkin_design_system.md sections 2.1, 3.1, 3.3 and 4.
   Change a value THERE first, then here. Never copy these values into a product stylesheet.
   Source: projects/oakinkin/site/oakinkin-tokens.css. Deployed: /var/www/_shared/oakinkin-tokens.css,
   served to an oakinkin.com site at /shared/oakinkin-tokens.css by its vhost /shared/ block.
   Created 2026-09-24. This file loads NO webfont - a product that wants Orbitron or Inter loads it itself. */

:root {
  /* Brand anchors - section 2.1 */
  --teal:   #00F5D4;
  --blue:   #00C4FF;
  --purple: #B72EFF;
  --orange: #FF8A00;

  /* Neutrals */
  --bg:     #05070F;
  --panel:  #1A1C2E;
  --panel2: #0f1120;
  --text:   #E0F7FF;
  --muted:  #7a8fa6;

  /* Semantic */
  --green:  #22c55e;
  --red:    #ef4444;
  --yellow: #f59e0b;

  /* Structural */
  --border: rgba(0,245,212,0.12);
  --radius: 12px;

  /* Font families - section 3.1 */
  --font-display:     'Orbitron', monospace;
  --font-body:        'Inter', sans-serif;
  --font-display-alt: 'Space Grotesk', sans-serif;
  --font-body-alt:    'Inter', sans-serif;
  --font-display-sys: system-ui, -apple-system, sans-serif;
  --font-body-sys:    system-ui, -apple-system, sans-serif;

  /* Type scale - section 3.3 */
  --text-xs:     11px;
  --text-sm:     12px;
  --text-base:   13px;
  --text-md:     14px;
  --text-lg:     15px;
  --text-xl:     16px;
  --text-2xl:    clamp(20px, 2.5vw, 24px);
  --text-3xl:    clamp(24px, 3.5vw, 38px);
  --text-hero:   clamp(36px, 6vw, 72px);
  --text-metric: clamp(28px, 4vw, 48px);

  /* Spacing - section 4, base unit 4px */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
}