/* =============================================================================
   LI-NK — tokeni de design (sursa: claude-design/README.md, „Tokeni"). Prefix `--ln-`.
   Încărcat de work/theme/lnk/functions.php după style.css / dashboard.css.
   Schema luminoasă = :root · schema întunecată = html.dark (clasa `dark` pusă de aplicație pe <html>).
   REGULI: orice culoare din temă vine de aici; hex-urile rătăcite sunt derivă. Fără @layer (CSS-ul nostru
   nestratificat bate utilitarele Tailwind, care sunt în @layer).
   CONTRAST (decizie Alex, 2026-10-01): textul pe butonul primar este NAVY (#0a1440 pe #00ADEE = 6,92:1), nu alb
   (2,56:1, sub AA). Diferă intenționat de machete. Totul se controlează din --ln-primary-fg (aceeași valoare în ambele scheme).
   ============================================================================= */
:root {
  /* suprafețe */
  --ln-bg: #ffffff;
  --ln-bg-2: #f8fafc;
  --ln-bg-dashboard: #f8fafc;
  --ln-card: #ffffff;
  --ln-side: #ffffff;
  --ln-input-bg: #ffffff;
  --ln-border: #e5e7eb;
  --ln-border-strong: #d1d5db;
  --ln-header-bg: rgba(255, 255, 255, .9);
  --ln-page-bg: linear-gradient(180deg, oklch(0.975 0.018 233 / .7) 0%, #fff 520px);
  /* text */
  --ln-heading: #142973;
  --ln-text: #111827;
  --ln-text-2: #4b5563;
  --ln-text-3: #6b7280;
  /* brand */
  --ln-primary: #00ADEE;
  --ln-primary-alt: oklch(0.545 0.150 233);
  --ln-primary-fg: #0a1440;   /* DECIZIE ALEX 2026-10-01: text navy pe cyan = 6,92:1 (alb ar fi 2,56:1, sub AA) */
  --ln-primary-hover: oklch(0.80 0.14 233);   /* hover pe butonul primar: MAI DESCHIS decât cyan-ul, ca textul navy să păstreze contrastul (primary-alt ar da 3,81:1) */
  --ln-primary-soft: oklch(0.975 0.018 233);
  --ln-primary-ring: oklch(0.735 0.148 233);
  --ln-accent: #7D63A8;
  --ln-accent-soft: #f1edf7;
  /* stări */
  --ln-success: #15803d;  --ln-success-soft: #f0fdf4;   /* #15803d (nu #16a34a din machetă): 4,8:1 pe soft, #16a34a dădea 3,15:1 */
  --ln-warning: #92400e;  --ln-warning-soft: rgba(247, 177, 26, .16);
  --ln-danger: #b91c1c;   --ln-danger-soft: #fef2f2;  --ln-danger-solid: #dc2626;  --ln-field-error: #f87171;
  /* umbre */
  --ln-shadow-1: 0 1px 2px rgba(0, 0, 0, .05);
  --ln-shadow-2: 0 8px 24px -8px rgba(20, 41, 115, .12);
  --ln-shadow-3: 0 24px 48px -12px rgba(20, 41, 115, .18);
  /* logo */
  --ln-logo-filter: none;
  /* suprafață accentuată (Statistici, promo DAT, plan curent, CTA în articol) */
  --ln-surface-accent: linear-gradient(135deg, #0a1440 0%, #0f1f57 55%, #142973 100%);
  --ln-blob-1: rgba(0, 173, 238, .35);
  --ln-blob-2: rgba(125, 99, 168, .3);
  /* grafice (Chart.js, jsvectormap) — aceeași paletă în ambele scheme */
  --ln-chart-1: #00ADEE; --ln-chart-2: #7D63A8; --ln-chart-3: #F7B11A;
  --ln-chart-4: #009E73; --ln-chart-5: #D55E00; --ln-chart-6: #4a63b0;
  --ln-map-1: oklch(0.975 0.018 233); --ln-map-2: oklch(0.897 0.074 233); --ln-map-3: oklch(0.735 0.148 233);
  --ln-map-4: #00ADEE; --ln-map-5: oklch(0.545 0.150 233);
  /* nu depind de schemă */
  --ln-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ln-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ln-r-sm: 8px; --ln-r-md: 12px; --ln-r-lg: 16px; --ln-r-xl: 24px; --ln-r-2xl: 32px; --ln-r-pill: 9999px;
  --ln-content: 1280px; --ln-article: 720px;
}
html.dark {
  --ln-bg: #0a1440;
  --ln-bg-2: #0f1f57;
  --ln-bg-dashboard: #0a1440;
  --ln-card: #0f1f57;
  --ln-side: #081034;
  --ln-input-bg: rgba(255, 255, 255, .04);
  --ln-border: rgba(255, 255, 255, .1);
  --ln-border-strong: rgba(255, 255, 255, .2);
  --ln-header-bg: rgba(10, 20, 64, .9);
  --ln-page-bg: linear-gradient(180deg, #0f1f57 0%, #0a1440 520px);
  --ln-heading: #ffffff;
  --ln-text: #ffffff;
  --ln-text-2: #d3dbef;
  --ln-text-3: #a6b6de;
  --ln-primary-alt: oklch(0.735 0.148 233);
  --ln-primary-soft: rgba(0, 173, 238, .14);
  --ln-accent: #a58ccb;
  --ln-accent-soft: rgba(125, 99, 168, .28);
  --ln-success: #4ade80;  --ln-success-soft: rgba(22, 163, 74, .18);
  --ln-warning: #fcd34d;  --ln-warning-soft: rgba(247, 177, 26, .18);
  --ln-danger: #fca5a5;   --ln-danger-soft: rgba(239, 68, 68, .18);
  --ln-shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
  --ln-shadow-2: 0 8px 24px -8px rgba(0, 0, 0, .45);
  --ln-shadow-3: 0 24px 48px -12px rgba(0, 0, 0, .6);
  --ln-logo-filter: brightness(0) invert(1);
}
