/* =============================================================================
   LI-NK — fundația CSS, partea 1: REMAPAREA VARIABILELOR TAILWIND (agent „found").
   Încărcat după tokens.css / fonts.css și după style.css / dashboard.css. Sursa designului:
   claude-design/00 - Fundație.dc.html + README („Tokeni", „Raze").

   CE FACE: utilitarele Tailwind din style.css / dashboard.css consumă variabile (`bg-neutral-900` =
   var(--color-neutral-900), `rounded-lg` = var(--radius-lg),`text-black/60` = color-mix(var(--color-black) …)).
   Redefinindu-le aici (nestratificat, deci câștigă în fața @layer theme), toată aplicația se recolorează
   fără să atingă un șablon. Regulile care NU se pot obține prin variabile sunt în components.css.

   ZONE (vezi analize/INFRASTRUCTURA-TEMA.md §5): site = style.css, dashboard = dashboard.css. Adminul nu
   primește fișierul (decis în PHP). Pagina bio publică (biopages.min.css) nu se potrivește cu nicio zonă,
   deci rămâne neatinsă. NU se declară nimic pe :root gol — ar ajunge și pe bio.

   SCHEMA: lumină = valorile din blocul de zonă; întuneric = `html.dark` (clasa o pune aplicația pe <html>).
   ============================================================================= */

/* ---------- 1. Lumină (și valorile care nu depind de schemă) ---------- */
:where(html:has(link[href*="/static/style.css"]), html:has(link[href*="/static/dashboard.css"])) {
  /* font: Inter (self-hosted, latin + latin-ext) în locul Geist */
  --font-sans: var(--ln-font);
  --font-mono: var(--ln-font-mono);

  /* alb/negru: baza tuturor variantelor cu opacitate (text-black/60, border-black/5, dark:text-white/40…).
     Negrul devine cerneala textului (#111827). Albul rămâne alb. Butoanele „bg-black" sunt retrase la
     --ln-primary prin reguli țintite în components.css (altfel ar deveni bleu-gri). */
  --color-black: #111827;
  --color-white: #ffffff;

  /* scara neutră: gri rece (light) — 50 = fundal secundar, 200 = bordură, 500 = text-3, 600 = text-2, 900 = text */
  --color-neutral-50: #f8fafc;
  --color-neutral-100: #f1f5f9;
  --color-neutral-200: #e5e7eb;
  --color-neutral-300: #d1d5db;
  --color-neutral-400: #9ca3af;
  --color-neutral-500: #6b7280;
  --color-neutral-600: #4b5563;
  --color-neutral-700: #374151;
  --color-neutral-800: #1f2937;
  --color-neutral-900: #111827;
  --color-neutral-950: #0b1220;
  --color-slate-50: #f8fafc;
  --color-slate-950: #0a1440;

  /* raze (README: 8 sm · 12 câmpuri/chips/meniu lateral · 16 alerte/rânduri · 20–24 carduri · 32 suprafață accentuată) */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-4xl: 32px;

  /* variabilele „temă" ale aplicației (.bg-primary, .border-primary, CSS-ul din Theme Settings) */
  --theme-primary: var(--ln-primary);
  --theme-primary-alt: var(--ln-primary-alt);
  --theme-primary-fg: var(--ln-primary-fg);
  --theme-body: var(--ln-bg);
  --theme-body-color: var(--ln-text);
  --theme-darkbg: var(--ln-bg);

  /* roșu / chihlimbar: palete Tailwind v3 (hex-urile pe care le folosește designul: #dc2626 confirmare distructivă,
     #b91c1c text periculos, #f87171 câmp cu eroare, #fca5a5 text periculos în întuneric, #92400e text de avertizare, #fcd34d în întuneric) */
  --color-red-50: #fef2f2;  --color-red-200: #fecaca; --color-red-300: #fca5a5; --color-red-400: #f87171;
  --color-red-500: #ef4444; --color-red-600: #dc2626; --color-red-700: #b91c1c; --color-red-800: #991b1b;
  --color-red-950: #450a0a;
  --color-amber-50: #fffbeb;  --color-amber-100: #fef3c7; --color-amber-200: #fde68a; --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24; --color-amber-500: #f59e0b; --color-amber-600: #d97706; --color-amber-800: #92400e;
  --color-amber-900: #78350f; --color-amber-950: #451a03;

  /* verde: emerald (upstream) -> verde Tailwind pe care designul îl folosește pentru „Activ"/succes */
  --color-emerald-50: #f0fdf4;  --color-emerald-100: #dcfce7; --color-emerald-200: #bbf7d0;
  --color-emerald-300: #86efac; --color-emerald-400: #4ade80; --color-emerald-500: #22c55e;
  --color-emerald-600: #16a34a; --color-emerald-700: #15803d; --color-emerald-800: #166534;
  --color-emerald-950: #052e16;

  /* gradientele „AI"/promo din upstream (from-orange-500 via-purple-500 to-pink-500, text „Economisești X %") -> cyan + mov Li-Nk,
     ca să nu apară curcubeul Tailwind lângă paleta mărcii. Portocaliu -> rampa primarului; roz/purpuriu/fucsia/violet -> accentul mov. */
  --color-orange-50: oklch(0.975 0.018 233); --color-orange-100: oklch(0.945 0.036 233); --color-orange-300: oklch(0.85 0.1 233);
  --color-orange-400: oklch(0.735 0.148 233); --color-orange-500: #00ADEE; --color-orange-600: oklch(0.545 0.15 233);
  --color-orange-950: oklch(0.26 0.06 233);
  --color-pink-100: #f1edf7; --color-pink-200: #e2d9ef; --color-pink-500: #7D63A8;
  --color-purple-100: #f1edf7; --color-purple-200: #e2d9ef; --color-purple-500: #7D63A8;
  --color-fuchsia-100: #f1edf7; --color-fuchsia-500: #7D63A8; --color-fuchsia-950: #2a1f3d;
  --color-violet-50: #f7f4fb; --color-violet-100: #f1edf7; --color-violet-300: #c4b2e0; --color-violet-500: #7D63A8;
  --color-violet-600: #6b5391; --color-violet-700: #5a4579; --color-violet-950: #2a1f3d;
  --color-indigo-50: #eef1fa; --color-indigo-300: #a3b2dc; --color-indigo-400: #7a8fcc; --color-indigo-600: #4a63b0;
  --color-indigo-700: #3a4f94; --color-indigo-950: #0f1f57;

  /* albastru / sky -> rampa primarului (nuanța 233): „info" în design = primary-alt pe primary-soft */
  --color-sky-50: oklch(0.975 0.018 233);  --color-sky-100: oklch(0.945 0.036 233);
  --color-sky-300: oklch(0.85 0.1 233);    --color-sky-400: oklch(0.735 0.148 233);
  --color-sky-500: #00ADEE;                --color-sky-600: oklch(0.545 0.15 233);
  --color-sky-950: oklch(0.26 0.06 233);
  --color-blue-100: oklch(0.945 0.036 233); --color-blue-200: oklch(0.897 0.074 233);
  --color-blue-300: oklch(0.82 0.11 233);   --color-blue-400: oklch(0.735 0.148 233);
  --color-blue-500: #00ADEE;                --color-blue-600: oklch(0.545 0.15 233);
  --color-blue-700: oklch(0.48 0.13 233);   --color-blue-800: oklch(0.42 0.11 233);
  --color-blue-950: oklch(0.26 0.06 233);
}

/* ---------- 2. Întuneric ---------- */
html.dark:where(:has(link[href*="/static/style.css"]), :has(link[href*="/static/dashboard.css"])) {
  /* negrul din variante (dark:bg-black/40, shadow-black/20, dark:from-black/70) = navy foarte închis, nu negru pur */
  --color-black: #050b26;

  /* scara neutră în rampa navy a designului: 950 = fundal (--ln-bg), 900 = card (--ln-card), 400 = text-3, 300 = text-2 */
  --color-neutral-50: #f8fafc;
  --color-neutral-100: #f1f4fb;
  --color-neutral-200: #e4e9f6;
  --color-neutral-300: #d3dbef;
  --color-neutral-400: #a6b6de;
  --color-neutral-500: #7d8fc4;
  --color-neutral-600: #34499b;
  --color-neutral-700: #243a8a;
  --color-neutral-800: #172b73;
  --color-neutral-900: #0f1f57;
  --color-neutral-950: #0a1440;
  --color-slate-50: #f8fafc;
  --color-slate-950: #0a1440;

  /* în întuneric „info" folosește varianta deschisă a primarului pe text */
  --color-blue-800: oklch(0.82 0.11 233);
  --color-blue-200: oklch(0.82 0.11 233);
}

/* ---------- 3. Bannerul de cookie-uri (cookieconsent v2) ----------
   Biblioteca își declară variabilele pe :root și pe .c_darkmode (specificitate 0,1,0): le egalăm și câștigăm prin ordine
   (foaia noastră vine după cookieconsent.css). Forma bannerului (rază, umbră, butoane pilulă) e în components.css §12. */
:root:where(:has(link[href*="/static/style.css"]), :has(link[href*="/static/dashboard.css"])) {
  --cc-bg: var(--ln-card); --cc-text: var(--ln-text-2); --cc-border-radius: 24px;
  --cc-btn-primary-bg: var(--ln-primary); --cc-btn-primary-text: var(--ln-primary-fg); --cc-btn-primary-hover-bg: var(--ln-primary-alt);
  --cc-btn-secondary-bg: transparent; --cc-btn-secondary-text: var(--ln-text); --cc-btn-secondary-hover-bg: var(--ln-bg-2);
  --cc-btn-border-radius: 9999px; --cc-toggle-bg-on: var(--ln-primary); --cc-toggle-bg-off: var(--ln-border-strong);
  --cc-toggle-bg-readonly: var(--ln-border); --cc-toggle-knob-bg: #ffffff; --cc-toggle-knob-icon-color: var(--ln-primary-fg);
  --cc-block-text: var(--ln-text-2);
  --cc-cookie-category-block-bg: var(--ln-bg-2); --cc-cookie-category-block-bg-hover: var(--ln-primary-soft);
  --cc-section-border: var(--ln-border); --cc-cookie-table-border: var(--ln-border); --cc-overlay-bg: rgba(5, 11, 38, .7);
}
.c_darkmode:root:where(:has(link[href*="/static/style.css"]), :has(link[href*="/static/dashboard.css"])) {
  --cc-bg: var(--ln-card); --cc-text: var(--ln-text-2); --cc-btn-primary-bg: var(--ln-primary); --cc-btn-primary-text: var(--ln-primary-fg);
  --cc-btn-primary-hover-bg: var(--ln-primary-alt); --cc-btn-secondary-bg: transparent; --cc-btn-secondary-text: var(--ln-text);
  --cc-btn-secondary-hover-bg: var(--ln-bg-2); --cc-block-text: var(--ln-text-2);
  --cc-cookie-category-block-bg: var(--ln-bg-2); --cc-cookie-category-block-bg-hover: var(--ln-primary-soft);
  --cc-section-border: var(--ln-border); --cc-cookie-table-border: var(--ln-border); --cc-toggle-knob-bg: #ffffff;
}