/* PhyCyber Twin shared design tokens. */
:root {
  --bg-base:      #0f0f11;
  --bg-surface:   #18181b;
  --bg-elevated:  #1f1f23;
  --bg-border:    #2a2a30;

  --text-primary:   #f4f4f5;
  --text-secondary: #a1a1aa;
  --text-muted:     #8b909a;

  --accent:        #f59e0b;
  --accent-hover:  #d97706;
  --accent-subtle: rgba(245,158,11,0.12);

  --success: #22c55e;
  --cyan:    #06b6d4;
  --cyan-subtle: rgba(6,182,212,0.10);

  --layer-structure: #f59e0b;
  --layer-vegetation:#4ade80;
  --layer-ground:    #06b6d4;
  --layer-pedestrian:#a855f7;
  --layer-route:     #22c55e;
  --layer-nogo:      #ef4444;

  --font-sans: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  --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-24: 96px;

  --container-max: 1280px;
  --container-pad: clamp(20px, 5vw, 48px);

  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-full: 9999px;

  --shadow-card: 0 1px 3px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.2);
}