/* Design tokens - all themes override via --_* primitives */
:root {
  /* Color semantic tokens reference theme-specific primitives */
  --color-bg:            var(--_bg);
  --color-surface:       var(--_surface);
  --color-surface-alt:   var(--_surface-alt);
  --color-text:          var(--_text);
  --color-text-muted:    var(--_text-muted);
  --color-text-inverse:  var(--_text-inverse);
  --color-primary:       var(--_primary);
  --color-primary-hover: var(--_primary-hover);
  --color-primary-text:  var(--_primary-text);
  --color-accent:        var(--_accent);
  --color-border:        var(--_border);
  --color-border-strong: var(--_border-strong);
  --color-success:       var(--_success);
  --color-warning:       var(--_warning);
  --color-danger:        var(--_danger);
  --color-info:          var(--_info);

  /* Spacing */
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;

  /* Radius */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* Shadows (overridable by theme) */
  --shadow-sm: var(--_shadow-sm);
  --shadow-md: var(--_shadow-md);
  --shadow-lg: var(--_shadow-lg);

  /* Typography */
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', monospace;
  --font-size-xs:  0.75rem;
  --font-size-sm:  0.875rem;
  --font-size-md:  1rem;
  --font-size-lg:  1.25rem;
  --font-size-xl:  1.75rem;
  --font-size-2xl: 2.5rem;
  --line-height-tight: 1.2;
  --line-height-base:  1.5;
  --font-weight-regular: 400;
  --font-weight-medium:  500;
  --font-weight-bold:    700;

  /* Transitions */
  --transition-fast: 120ms ease-out;
  --transition-med:  240ms ease-out;
  --transition-slow: 400ms ease-out;

  /* Z-index */
  --z-header:  80;
  --z-nav:     90;
  --z-modal:   1000;
  --z-toast:   2000;

  /* Layout */
  --topnav-height: 44px;
}
