/**
 * LTD MUSIC — Design Tokens
 * Source: Google Stitch "The Kinetic Cyber-Industrial Framework"
 */
:root {
  /* Surfaces */
  --ltd-surface-lowest: #0e0e0e;
  --ltd-surface: #131313;
  --ltd-surface-low: #1c1b1b;
  --ltd-surface-container: #201f1f;
  --ltd-surface-high: #2a2a2a;
  --ltd-surface-highest: #353534;
  --ltd-surface-bright: #3a3939;

  /* Primary / Data Blue */
  --ltd-primary: #e3fdff;
  --ltd-primary-container: #00f3ff;
  --ltd-primary-dim: #00dce6;
  --ltd-primary-fixed: #6ff6ff;
  --ltd-on-primary: #00373a;
  --ltd-on-primary-container: #006b71;
  --ltd-on-primary-fixed: #002022;
  --ltd-on-primary-fixed-variant: #004f53;

  /* Secondary / Synth Magenta */
  --ltd-secondary: #ffaedc;
  --ltd-secondary-container: #8c016b;
  --ltd-secondary-fixed: #ffd8eb;
  --ltd-on-secondary: #600049;
  --ltd-on-secondary-fixed: #3b002c;

  /* Tertiary / Acid Green */
  --ltd-tertiary: #e8ffda;
  --ltd-tertiary-container: #36fd0f;
  --ltd-tertiary-dim: #2ae500;
  --ltd-tertiary-fixed: #79ff5b;
  --ltd-on-tertiary: #053900;

  /* Content / outlines */
  --ltd-on-surface: #e5e2e1;
  --ltd-on-surface-variant: #b9cacb;
  --ltd-outline: #849495;
  --ltd-outline-variant: #3a494b;
  --ltd-error: #ffb4ab;
  --ltd-error-container: #93000a;

  /* Typography */
  --ltd-font-display: "Space Grotesk", system-ui, sans-serif;
  --ltd-font-body: "Inter", system-ui, sans-serif;

  --ltd-display-xl: clamp(3.5rem, 8vw, 7rem);
  --ltd-display-lg: clamp(3rem, 6vw, 5.5rem);
  --ltd-display-md: clamp(2.25rem, 4vw, 3.5rem);
  --ltd-heading-lg: clamp(1.75rem, 3vw, 2.5rem);
  --ltd-heading-md: clamp(1.35rem, 2vw, 1.85rem);
  --ltd-body-lg: 1.125rem;
  --ltd-body-md: 1rem;
  --ltd-body-sm: .75rem;
  --ltd-label: .6875rem;

  /* Spacing — 4px baseline */
  --ltd-space-1: .25rem;
  --ltd-space-2: .5rem;
  --ltd-space-3: .75rem;
  --ltd-space-4: 1rem;
  --ltd-space-5: 1.25rem;
  --ltd-space-6: 1.5rem;
  --ltd-space-8: 2rem;
  --ltd-space-10: 2.5rem;
  --ltd-space-12: 3rem;
  --ltd-space-16: 4rem;
  --ltd-space-20: 5rem;
  --ltd-space-24: 6rem;
  --ltd-space-32: 8rem;

  /* Layout */
  --ltd-content-width: 1400px;
  --ltd-nav-height: 80px;
  --ltd-sidebar-width: 256px;
  --ltd-radius: 0px;

  /* Ghost borders / light leaks */
  --ltd-ghost-border: rgba(132, 148, 149, .10);
  --ltd-ghost-border-strong: rgba(132, 148, 149, .20);
  --ltd-glow-primary: 0 0 24px rgba(0, 220, 230, .15);
  --ltd-glow-secondary: 0 0 24px rgba(255, 174, 220, .15);
  --ltd-glow-tertiary: 0 0 24px rgba(42, 229, 0, .15);
  --ltd-text-glow-primary: 0 0 8px rgba(0, 220, 230, .60);
  --ltd-text-glow-secondary: 0 0 8px rgba(255, 174, 220, .60);

  /* Motion */
  --ltd-ease: cubic-bezier(.2, .8, .2, 1);
  --ltd-speed-fast: 90ms;
  --ltd-speed: 180ms;
  --ltd-speed-slow: 320ms;
}