/* =================================================================
   PACIGEA Design Tokens — DARK AURORA THEME
   Deep indigo base · violet→magenta→orange aurora accents.
   Var names preserved so every page inherits the dark theme.
   ================================================================= */

:root {
  /* ---------- Primary: Violet ---------- */
  --violet-50:  #f4f0fb;  --violet-100: #e6dcf6;  --violet-200: #cbb6ec;
  --violet-300: #ab8ddf;  --violet-400: #8b63d1;  --violet-500: #7c5cff;
  --violet-600: #6f42c1;  --violet-700: #5a32a3;  --violet-800: #341d5e;
  --violet-900: #251544;  --violet-950: #170d2b;

  /* ---------- Accent: Sunset (the aurora glow + active nav) ---------- */
  --orange-50:  #fff4e9;  --orange-100: #ffe3c6;  --orange-200: #ffc78a;
  --orange-300: #ffa84d;  --orange-400: #ff8c1a;  --orange-500: #f5800a;
  --orange-600: #e0590a;  --orange-700: #a84700;  --orange-800: #7d3500;

  /* ---------- Seal greens / blues / gold ---------- */
  --leaf-50:#eefae8; --leaf-100:#d6f2c8; --leaf-300:#97da6e; --leaf-500:#5fc83c; --leaf-600:#4aa42c; --leaf-700:#38801f;
  --sky-300:#8fb8e8; --sky-500:#3d7bc8; --sky-600:#2f60a0;
  --gold-300:#ffd95e; --gold-500:#f5b400; --gold-600:#c98f00;
  --coral-400:#ff6f5e; --coral-600:#d6432f;
  --lavender-300:#c3b1e8; --lavender-500:#9a7fd1;
  --magenta-500:#e0457e; --magenta-400:#f0608f;
  --cyan-500:#2f8fed;

  /* ---------- Neutrals (dark, violet-tinted) ---------- */
  --ink-50:#f7f6fb; --ink-100:#eeecf4; --ink-200:#ddd9e7; --ink-300:#c3bdd2;
  --ink-400:#9b93b0; --ink-500:#756c8c; --ink-600:#564d6c; --ink-700:#3d3550;
  --ink-800:#271f36; --ink-900:#15101f;

  /* ---------- Semantic ---------- */
  --success-50:rgba(74,164,44,0.14);  --success-500:#5fc83c;  --success-700:#97da6e;
  --warning-50:rgba(245,180,0,0.14);  --warning-500:#f5b400;  --warning-700:#ffd95e;
  --danger-50:rgba(214,67,47,0.16);   --danger-500:#f0604f;   --danger-700:#ff8c7d;
  --info-50:rgba(61,123,200,0.16);    --info-500:#5b9bed;     --info-700:#8fb8e8;

  /* ---------- Surfaces (DARK) ---------- */
  --bg-deep:        #0b0918;
  --surface-page:   #0d0a1f;
  --surface-card:   #17132e;
  --surface-raised: #1c1738;
  --surface-sunken: #110d24;
  --surface-glass:  rgba(255,255,255,0.035);
  --surface-glass-hi: rgba(255,255,255,0.06);
  --surface-overlay: rgba(7, 5, 16, 0.66);
  --sidebar-bg:     #110d26;

  --text-primary:   #f1eefb;
  --text-secondary: #ada3c8;
  --text-muted:     #756c8c;
  --text-inverse:   #15101f;
  --text-link:      #b79bff;

  --border-subtle:  rgba(255,255,255,0.06);
  --border-default: rgba(255,255,255,0.10);
  --border-strong:  rgba(255,255,255,0.16);
  --border-focus:   var(--orange-400);

  /* ---------- Aurora gradients ---------- */
  --grad-brand:   linear-gradient(115deg, #2c1659 0%, #5a2486 32%, #b8345f 64%, #f5800a 100%);
  --grad-sidebar: linear-gradient(180deg, #140f2d 0%, #110d26 60%, #0d0a1f 100%);
  --grad-accent:  linear-gradient(135deg, #f5980a 0%, #f5570a 100%);
  --grad-violet:  linear-gradient(135deg, #7c5cff, #5a32a3);
  --grad-card-edge: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0));

  /* stat-card accent ramps */
  --grad-stat-violet: linear-gradient(135deg, #8a5cff, #5a32a3);
  --grad-stat-blue:   linear-gradient(135deg, #38a0f5, #1f5fb0);
  --grad-stat-orange: linear-gradient(135deg, #f5a30a, #e0590a);
  --grad-stat-pink:   linear-gradient(135deg, #f0608f, #c4365e);

  /* ---------- Typography ---------- */
  --font-display: "Sora", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-12:0.75rem; --fs-13:0.8125rem; --fs-14:0.875rem; --fs-16:1rem;
  --fs-18:1.125rem; --fs-20:1.25rem; --fs-24:1.5rem; --fs-30:1.875rem;
  --fs-36:2.25rem; --fs-48:3rem;

  /* ---------- Spacing ---------- */
  --sp-1:0.25rem; --sp-2:0.5rem; --sp-3:0.75rem; --sp-4:1rem;
  --sp-5:1.25rem; --sp-6:1.5rem; --sp-8:2rem; --sp-10:2.5rem;
  --sp-12:3rem; --sp-16:4rem;

  /* ---------- Radius ---------- */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-2xl:28px; --r-pill:9999px;

  /* ---------- Elevation (deep, for dark) ---------- */
  --elev-1: 0 1px 2px rgba(0,0,0,0.30);
  --elev-2: 0 4px 14px rgba(0,0,0,0.34);
  --elev-3: 0 10px 30px rgba(0,0,0,0.42);
  --elev-4: 0 20px 50px rgba(0,0,0,0.55);
  --glow-accent: 0 6px 22px rgba(245,128,10,0.32);
  --glow-violet: 0 6px 22px rgba(124,92,255,0.30);

  /* ---------- Motion ---------- */
  --motion-fast:120ms; --motion-ui:180ms; --motion-med:280ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* ---------- Layout ---------- */
  --sidebar-w: 268px;
  --topbar-h: 74px;
  --container-max: 1480px;
  --z-nav:100; --z-sticky:300; --z-modal:900; --z-toast:1000;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}