/* Glassmorphism dark — cool-toned tokens */
@layer tokens {
:root {
  --d-primary: #60a5fa;
  --d-secondary: #22d3ee;
  --d-accent: #a78bfa;
  --d-bg: #0b0f1a;
  --d-surface: rgba(255, 255, 255, 0.04);
  --d-surface-raised: rgba(255, 255, 255, 0.07);
  --d-border: rgba(255, 255, 255, 0.10);
  --d-text: #e2e8f0;
  --d-text-muted: #94a3b8;
  --d-primary-hover: #7dd3fc;
  --d-gap-1: 0.25rem;
  --d-gap-2: 0.5rem;
  --d-gap-3: 0.75rem;
  --d-gap-4: 1rem;
  --d-gap-6: 1.5rem;
  --d-gap-8: 2rem;
  --d-gap-12: 3rem;
  --d-radius: 0.625rem;
  --d-radius-sm: 0.375rem;
  --d-radius-lg: 0.875rem;
  --d-radius-xl: 1.125rem;
  --d-radius-full: 9999px;
  --d-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --d-shadow: 0 2px 8px rgba(0,0,0,0.35);
  --d-shadow-md: 0 6px 20px rgba(0,0,0,0.4);
  --d-shadow-lg: 0 16px 40px rgba(0,0,0,0.5);
  --d-success: #34d399;
  --d-error: #f87171;
  --d-warning: #fbbf24;
  --d-info: #60a5fa;
  --d-section-py: 5rem;
  --d-interactive-py: 0.5rem;
  --d-interactive-px: 1rem;
  --d-surface-p: 1.25rem;
  --d-data-py: 0.625rem;
  --d-control-py: 0.5rem;
  --d-content-gap: 1rem;
  --d-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --d-duration-hover: 180ms;
  --d-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --d-accent-glow: rgba(167, 139, 250, 0.35);
}
}
