/**
 * ScholarVault by AppsToUse — Design Tokens
 * 4 curated themes, ambient lighting orbs, typography, glassmorphism, and responsive spacing.
 */

:root {
  /* Typography */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Transitions */
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --transition-fast: 150ms var(--ease-smooth);
  --transition-normal: 250ms var(--ease-smooth);
  --transition-slow: 450ms var(--ease-smooth);

  /* Shared Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-full: 9999px;
}

/* =========================================================================
   Theme 1: Obsidian Dark (Default Command Center)
   ========================================================================= */
[data-theme="obsidian"], :root {
  --bg-app: #08090e;
  --bg-sidebar: #0e111a;
  --bg-surface: rgba(18, 22, 36, 0.72);
  --bg-surface-hover: rgba(28, 34, 56, 0.88);
  --bg-surface-active: rgba(38, 46, 76, 0.95);
  --bg-card: rgba(16, 20, 32, 0.78);
  --bg-card-hover: rgba(26, 32, 52, 0.92);
  --bg-input: rgba(12, 15, 25, 0.85);

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-glass: rgba(130, 155, 255, 0.16);
  --border-glass-hover: rgba(160, 185, 255, 0.35);
  --border-focus: rgba(99, 102, 241, 0.85);

  --accent-primary: #6366f1;
  --accent-primary-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);
  --accent-secondary: #06b6d4;
  --accent-emerald: #10b981;
  --accent-amber: #f59e0b;
  --accent-rose: #f43f5e;

  --glow-primary: rgba(99, 102, 241, 0.35);
  --glow-cyan: rgba(6, 182, 212, 0.3);

  --orb-1: rgba(99, 102, 241, 0.18);
  --orb-2: rgba(6, 182, 212, 0.14);
  --orb-3: rgba(139, 92, 246, 0.12);

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-subtle: #64748b;
  --text-inverse: #030712;

  --badge-bg: rgba(99, 102, 241, 0.15);
  --badge-text: #a5b4fc;
}

/* =========================================================================
   Theme 2: Academic Parchment (Warm Daylight Editorial)
   ========================================================================= */
[data-theme="parchment"] {
  --bg-app: #f8f6f0;
  --bg-sidebar: #eee9de;
  --bg-surface: rgba(255, 255, 255, 0.88);
  --bg-surface-hover: rgba(245, 241, 232, 0.95);
  --bg-surface-active: #e6dfcf;
  --bg-card: #ffffff;
  --bg-card-hover: #faf8f3;
  --bg-input: #ffffff;

  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-glass: rgba(180, 160, 130, 0.32);
  --border-glass-hover: rgba(160, 140, 100, 0.48);
  --border-focus: #b45309;

  --accent-primary: #b45309;
  --accent-primary-gradient: linear-gradient(135deg, #b45309, #d97706);
  --accent-secondary: #0f766e;
  --accent-emerald: #047857;
  --accent-amber: #d97706;
  --accent-rose: #be123c;

  --glow-primary: rgba(180, 83, 9, 0.22);
  --glow-cyan: rgba(15, 118, 110, 0.2);

  --orb-1: rgba(217, 119, 6, 0.12);
  --orb-2: rgba(15, 118, 110, 0.08);
  --orb-3: rgba(180, 83, 9, 0.08);

  --text-main: #1c1917;
  --text-muted: #57534e;
  --text-subtle: #78716c;
  --text-inverse: #ffffff;

  --badge-bg: rgba(180, 83, 9, 0.1);
  --badge-text: #92400e;
}

/* =========================================================================
   Theme 3: Nordic Slate (Arctic Deep Focus)
   ========================================================================= */
[data-theme="nordic"] {
  --bg-app: #0b1326;
  --bg-sidebar: #080e1c;
  --bg-surface: rgba(17, 28, 52, 0.72);
  --bg-surface-hover: rgba(26, 42, 78, 0.88);
  --bg-surface-active: rgba(35, 56, 104, 0.95);
  --bg-card: rgba(15, 25, 48, 0.8);
  --bg-card-hover: rgba(24, 39, 74, 0.92);
  --bg-input: rgba(10, 17, 33, 0.85);

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-glass: rgba(56, 189, 248, 0.18);
  --border-glass-hover: rgba(56, 189, 248, 0.35);
  --border-focus: #38bdf8;

  --accent-primary: #0284c7;
  --accent-primary-gradient: linear-gradient(135deg, #0284c7, #38bdf8);
  --accent-secondary: #2dd4bf;
  --accent-emerald: #10b981;
  --accent-amber: #fbbf24;
  --accent-rose: #f43f5e;

  --glow-primary: rgba(2, 132, 199, 0.35);
  --glow-cyan: rgba(45, 212, 191, 0.3);

  --orb-1: rgba(56, 189, 248, 0.16);
  --orb-2: rgba(45, 212, 191, 0.12);
  --orb-3: rgba(2, 132, 199, 0.14);

  --text-main: #f0f9ff;
  --text-muted: #94a3b8;
  --text-subtle: #64748b;
  --text-inverse: #082f49;

  --badge-bg: rgba(56, 189, 248, 0.15);
  --badge-text: #7dd3fc;
}

/* =========================================================================
   Theme 4: Cyberpunk Matrix (Phosphor Green Terminal)
   ========================================================================= */
[data-theme="matrix"] {
  --bg-app: #000000;
  --bg-sidebar: #030805;
  --bg-surface: rgba(4, 20, 12, 0.75);
  --bg-surface-hover: rgba(8, 36, 22, 0.88);
  --bg-surface-active: rgba(12, 54, 32, 0.95);
  --bg-card: rgba(3, 16, 9, 0.82);
  --bg-card-hover: rgba(6, 30, 17, 0.92);
  --bg-input: rgba(2, 10, 6, 0.85);

  --border-subtle: rgba(16, 185, 129, 0.16);
  --border-glass: rgba(52, 211, 153, 0.24);
  --border-glass-hover: rgba(52, 211, 153, 0.48);
  --border-focus: #10b981;

  --accent-primary: #10b981;
  --accent-primary-gradient: linear-gradient(135deg, #10b981, #34d399);
  --accent-secondary: #a3e635;
  --accent-emerald: #059669;
  --accent-amber: #facc15;
  --accent-rose: #fb7185;

  --glow-primary: rgba(16, 185, 129, 0.4);
  --glow-cyan: rgba(52, 211, 153, 0.35);

  --orb-1: rgba(16, 185, 129, 0.18);
  --orb-2: rgba(163, 230, 53, 0.12);
  --orb-3: rgba(5, 150, 105, 0.14);

  --text-main: #ecfdf5;
  --text-muted: #a7f3d0;
  --text-subtle: #4b7a70;
  --text-inverse: #022c22;

  --badge-bg: rgba(16, 185, 129, 0.18);
  --badge-text: #6ee7b7;
}