/* Tokenii incapsuleaza paleta EXISTENTA a platformei, nu una noua.
   Valorile vin din :root-ul din includes/header.php si din masuratoarea aparitiilor
   reale pe 219 de fisiere. Schimbarea temei se face de aici, dintr-un singur loc. */

:root {
  /* Fundal. Platforma folosea cinci variante de aproape-negru albastrui
     (#0b1220, #080c18, #0b1222, #0d1830, #0a1020), diferite intre ele cu sub
     0,006 luminanta. Unificate pe valoarea declarata in :root-ul platformei. */
  --mv-bg: #0b1220;

  /* Suprafete. Platforma NU foloseste culori opace pentru carduri, ci alb
     translucid peste fundal. Tokenii pastreaza tiparul, ca elevatie. */
  --mv-elev-1: rgba(255, 255, 255, 0.04);
  --mv-elev-2: rgba(255, 255, 255, 0.06);
  --mv-elev-3: rgba(255, 255, 255, 0.08);
  --mv-elev-4: rgba(255, 255, 255, 0.12);
  --mv-surface: var(--mv-elev-3);
  --mv-surface-solid: #153049;
  --mv-surface-white: #ffffff;

  /* Text. Tot textul de pe fundal inchis este alb pur: fara niveluri estompate.
     Ierarhia se face din marime si greutate, nu din culoare stinsa.
     --mv-text-inverse ramane inchis, pentru textul de pe suprafete deschise. */
  --mv-text: #ffffff;
  --mv-text-soft: #ffffff;
  --mv-text-2: #ffffff;
  --mv-text-3: #ffffff;
  --mv-text-inverse: #001a2e;
  --mv-text-link: var(--mv-accent);
  --mv-text-link-hover: var(--mv-accent-soft);

  /* Accent. Cele sapte albastruri concurente (#6ec1ff, #3b82f6, #8bd3ff,
     #06b6d4, #2f9bff, #2f6fed, #6366f1) se reduc la accentul declarat. */
  --mv-accent: #6ec1ff;
  --mv-accent-soft: #8bd3ff;
  --mv-action: var(--mv-accent);
  --mv-action-hover: var(--mv-accent-soft);
  --mv-action-active: var(--mv-accent-soft);
  --mv-action-soft: var(--mv-elev-3);
  --mv-action-soft-hover: var(--mv-elev-4);

  /* Contururi */
  --mv-border: rgba(255, 255, 255, 0.15);
  --mv-border-soft: rgba(255, 255, 255, 0.08);
  --mv-border-strong: rgba(255, 255, 255, 0.28);
  --mv-divider: var(--mv-border-soft);

  /* Semantic. Verificate peste 4,5:1 pe --mv-bg. */
  --mv-success: #10b981;
  --mv-success-soft: rgba(16, 185, 129, 0.14);
  --mv-warning: #f59e0b;
  --mv-warning-soft: rgba(245, 158, 11, 0.14);
  --mv-danger: #ef4444;
  --mv-danger-soft: rgba(239, 68, 68, 0.14);
  --mv-info: var(--mv-accent);
  --mv-info-soft: rgba(110, 193, 255, 0.14);

  /* Raze */
  --mv-radius-xs: 4px;
  --mv-radius-sm: 8px;
  --mv-radius-md: 12px;
  --mv-radius-lg: 16px;
  --mv-radius-xl: 24px;
  --mv-radius-pill: 999px;

  /* Umbre, pe negru, cum sunt deja in platforma */
  --mv-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.25);
  --mv-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.30);
  --mv-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.40);
  --mv-shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.45);

  /* Haloul albastru a fost eliminat. Tokenul ramane, gol, ca cele 84 de locuri
     care il foloseau sa nu aiba nevoie de modificare individuala. */
  --mv-glow: none;

  /* Spatiere */
  --mv-space-1: 4px;
  --mv-space-2: 8px;
  --mv-space-3: 12px;
  --mv-space-4: 16px;
  --mv-space-5: 24px;
  --mv-space-6: 32px;
  --mv-space-7: 48px;
  --mv-space-8: 64px;
  --mv-space-9: 96px;

  /* Tipografie. Familia e cea deja folosita global, nu una noua. */
  --mv-font: 'Neue Haas Display', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --mv-fs-xs: 0.8125rem;
  --mv-fs-sm: 0.875rem;
  --mv-fs-base: 1rem;
  --mv-fs-lg: 1.125rem;
  --mv-fs-xl: 1.375rem;
  --mv-fs-2xl: 1.75rem;
  --mv-fs-3xl: clamp(2rem, 3.4vw, 2.75rem);
  --mv-fs-4xl: clamp(2.5rem, 5vw, 3.5rem);
  --mv-lh-tight: 1.2;
  --mv-lh-normal: 1.55;
  --mv-lh-loose: 1.75;
  --mv-fw-regular: 400;
  --mv-fw-medium: 500;
  --mv-fw-semibold: 600;
  --mv-fw-bold: 700;

  /* Layout */
  --mv-container: 1200px;
  --mv-container-narrow: 720px;
  --mv-header-h: 60px;
  --mv-touch-min: 44px;

  /* Miscare */
  --mv-dur-fast: 120ms;
  --mv-dur: 180ms;
  --mv-dur-slow: 240ms;
  --mv-ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* Focus */
  --mv-focus-ring: 0 0 0 3px rgba(110, 193, 255, 0.45);
  --mv-focus-color: var(--mv-accent);}

/* Maparea variabilelor vechi. Valorile sunt identice cu cele din :root-ul
   pe care il inlocuiesc, deci nimic nu se schimba vizual. */
:root {
  --bg: var(--mv-bg);
  --glass: var(--mv-elev-3);
  --border: var(--mv-border);
  --text: var(--mv-text-soft);
  --muted: var(--mv-text-2);
  --primary: var(--mv-accent);
  --accent: var(--mv-accent-soft);}

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