/* Panacia Design System v2 — Tokens */
:root {
  /* Brand navy + blue voltage */
  --ps-navy: #0b1220;
  --ps-royal: #4169e1;
  --ps-indigo: #4f46e5;
  --ps-electric: #7df9ff;
  --ps-ai-purple: #7c3aed;
  --ps-cyan: #22d3ee;
  --ps-emerald: #10b981;

  /* Legacy aliases (components reference these) */
  --ps-primary: #e11d48;
  --ps-primary-hover: #be123c;
  --ps-primary-light: #fff1f2;
  --ps-secondary: #0b1220;
  --ps-accent: #4169e1;
  --ps-accent-teal: #10b981;

  /* Surfaces */
  --ps-surface: #ffffff;
  --ps-surface-2: #eef2ff;
  --ps-surface-glass: rgba(255, 255, 255, 0.82);
  --ps-bg: #f8fafc;
  --ps-text: #0b1220;
  --ps-text-muted: #475569;
  --ps-text-inverse: #f1f5f9;
  --ps-border: rgba(15, 23, 42, 0.12);

  /* Radius */
  --ps-radius-sm: 12px;
  --ps-radius: 20px;
  --ps-radius-lg: 24px;
  --ps-radius-pill: 999px;

  /* Buttons */
  --ps-btn-radius: var(--ps-radius-pill);

  /* Shadows */
  --ps-shadow-sm: 0 1px 2px rgba(2, 6, 23, 0.06), 0 0 0 1px rgba(2, 6, 23, 0.06);
  --ps-shadow: 0 10px 30px rgba(2, 6, 23, 0.1), 0 0 0 1px rgba(2, 6, 23, 0.06);
  --ps-shadow-lg: 0 24px 60px rgba(2, 6, 23, 0.14), 0 0 0 1px rgba(2, 6, 23, 0.06);

  /* Typography */
  --ps-font-display: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
  --ps-font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

  /* Motion */
  --ps-duration-fast: 90ms;
  --ps-duration: 150ms;
  --ps-duration-slow: 300ms;

  /* Gradients */
  --ps-gradient-hero: linear-gradient(135deg, #0b1220 0%, #0b1e4a 45%, #1e40af 100%);
  --ps-gradient-cta: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
  --ps-gradient-text: linear-gradient(90deg, #7c3aed 0%, #22d3ee 55%, #4169e1 100%);
  --ps-gradient-ai: linear-gradient(90deg, #7c3aed 0%, #22d3ee 100%);

  --ps-nav-height: 72px;
  --ps-focus: #4169e1;
}

@media (prefers-color-scheme: dark) {
  :root.ps-auto-dark {
    --ps-bg: #0f172a;
    --ps-surface: #1e293b;
    --ps-text: #f1f5f9;
    --ps-text-muted: #94a3b8;
    --ps-border: #334155;
  }
}