/* ver30 — Valaciel navy tokens (terminal + portfolio) */

:root {
  color-scheme: dark;

  --bg: #16233f;
  --surface: #1d2e52;
  --surface-elevated: #24386a;
  --border: #34456f;
  --border-strong: #6e7fa6;
  --text: #f3ead2;
  --muted: #abb6cc;
  --accent: #f0bc25;
  --accent-contrast: #1a2340;
  --accent-glow: rgba(240, 188, 37, 0.35);
  --error: #f87171;

  --mono: "Cascadia Mono", Consolas, "Courier New", monospace;

  /* portfolio semantic aliases (ver21 compat) */
  --color-bg: var(--bg);
  --color-bg-elevated: var(--surface);
  --color-bg-gradient: linear-gradient(to right, #16233f, #24386a);
  --color-text-main: var(--text);
  --color-text-secondary: var(--muted);
  --color-primary: var(--accent);
  --color-secondary: #c9a227;
  --color-tertiary: #f3ead2;
  --gradient-primary: linear-gradient(90deg, #f0bc25, #f3ead2);
  --gradient-secondary: linear-gradient(90deg, #c9a227, #f0bc25, #f3ead2);
  --gradient-radial: radial-gradient(ellipse at bottom, rgba(240, 188, 37, 0.05) 20%, transparent 85%);

  --hero-glow: radial-gradient(ellipse 70% 50% at 65% 25%, rgba(240, 188, 37, 0.12), transparent 70%);
  --hero-glow-secondary: radial-gradient(ellipse 50% 40% at 20% 60%, rgba(243, 234, 210, 0.06), transparent 65%);
  --panel-frost: color-mix(in srgb, var(--surface) 55%, transparent);
  --panel-border: color-mix(in srgb, var(--accent) 25%, transparent);

  --font-display: "Montserrat", system-ui, sans-serif;
  --font-body: "Montserrat", system-ui, sans-serif;
  --font-serif: "Fraunces", Georgia, "Times New Roman", serif;

  --max-width: 1440px;
  --header-height: 60px;
  --section-pad: clamp(5rem, 12vw, 10rem);
  --container-pad: clamp(1.25rem, 4vw, 2rem);

  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;

  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 200ms;
  --duration-base: 300ms;
  --duration-slow: 500ms;

  --z-loader: 300;
  --z-header: 100;
  --z-content: 10;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }
}