/* W3C DTCG 2025.10 Design System Tokens for AlphaHub Parent Portal */
:root,
[data-theme="light"] {
  --bg: #FFFFFF;
  --surface: #F8FAFC;
  --surface-sunken: #F1F5F9;
  --ink: #0F172A;
  --ink-muted: #475569;
  --line: #E2E8F0;
  --line-strong: #CBD5E1;
  --control-border: #64748B;
  --accent: #1D4ED8;
  --accent-strong: #1E40AF;
  --accent-soft: #EFF6FF;
  --on-accent: #FFFFFF;
  --focus: #1D4ED8;
  --positive: #15803D;
  --positive-soft: #DCFCE7;
  --negative: #B91C1C;
  --negative-soft: #FEE2E2;
  --caution: #B45309;
  --caution-soft: #FEF3C7;
  --info: #0369A1;
  --info-soft: #E0F2FE;
  --shadow-subtle: 0 1px 2px rgb(15 23 42 / 0.05);
  --shadow-elevated: 0 10px 24px rgb(15 23 42 / 0.08);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --duration-micro: 140ms;
  --duration-hover: 180ms;
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --font-display: "Merriweather", Georgia, serif;
  --font-sans: "Source Sans 3", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

[data-theme="dark"] {
  --bg: #0B0F17;
  --surface: #111827;
  --surface-sunken: #1E293B;
  --ink: #F8FAFC;
  --ink-muted: #CBD5E1;
  --line: #1E293B;
  --line-strong: #334155;
  --control-border: #94A3B8;
  --accent: #60A5FA;
  --accent-strong: #93C5FD;
  --accent-soft: #172554;
  --on-accent: #0B0F17;
  --focus: #60A5FA;
  --positive: #4ADE80;
  --positive-soft: #052E16;
  --negative: #F87171;
  --negative-soft: #450A0A;
  --caution: #FBBF24;
  --caution-soft: #451A03;
  --info: #38BDF8;
  --info-soft: #082F49;
  --shadow-subtle: 0 1px 2px rgb(0 0 0 / 0.35);
  --shadow-elevated: 0 12px 28px rgb(0 0 0 / 0.5);
}

[data-template="1"] {
  --font-display: "Merriweather", Georgia, serif;
  --font-sans: "Source Sans 3", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

[data-template="2"] {
  --font-display: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;
  --font-sans: "DM Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}

[data-template="3"] {
  --font-display: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-sans: "Manrope", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

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