/* ============================================================
   INNBN — design tokens (mockup) cu KNOB-URI de paletă comutabile.
   Strat de control simplu: schimbi 4 culori, derivă restul automat.
   color1 = primar · color2 = acțiune · accent1 = accent · accent2 = urgențe
   ============================================================ */

:root {
  /* ---- KNOB-URI (singurele care se schimbă din selector) ---- */
  --color1: #14375E;   /* primar — brand */
  --color2: #155FA0;   /* acțiune — butoane/linkuri */
  --accent1:#0F8A8F;   /* accent — sănătate/neuro */
  --accent2:#C2261D;   /* urgențe (rezervat) */

  /* ---- Derivate automat din knob-uri (nu se editează manual) ---- */
  --color-navy:      var(--color1);
  --color-navy-700:  color-mix(in srgb, var(--color1), black 28%);
  --color-navy-900:  color-mix(in srgb, var(--color1), black 55%);

  --color-action:    var(--color2);
  --color-action-700:color-mix(in srgb, var(--color2), black 22%);

  --color-teal:      var(--accent1);
  --color-teal-700:  color-mix(in srgb, var(--accent1), black 32%); /* variantă text pe alb (AA) */

  --color-urgent:    var(--accent2);
  --color-urgent-700:color-mix(in srgb, var(--accent2), black 22%);

  /* ---- Neutre (independente de paletă) ---- */
  --color-ink:#1A2230; --color-slate-700:#3A4658; --color-slate-500:#5B6878;
  --color-slate-300:#C7CFDA; --color-slate-200:#DDE4EC; --color-slate-100:#EEF2F7;
  --color-bg:#F7F9FC; --color-surface:#FFFFFF; --color-focus:#1466B8;

  /* ---- Tipografie (system stack — fără CDN, GDPR-safe, instant) ---- */
  --font-sans: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: 'Lora', Georgia, "Times New Roman", serif;
  --line-base:1.6; --line-tight:1.2;
  --fs-300:.875rem; --fs-400:1rem; --fs-500:1.125rem; --fs-600:1.375rem;
  --fs-700:1.75rem; --fs-800:2.25rem; --fs-900:3rem;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;

  /* ---- Spacing / layout ---- */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.5rem; --space-6:2rem; --space-7:3rem; --space-8:4rem; --space-9:6rem;
  --container-max:1200px; --container-narrow:760px;
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(8,24,43,.06),0 1px 3px rgba(8,24,43,.08);
  --shadow-md:0 4px 12px rgba(8,24,43,.08),0 2px 4px rgba(8,24,43,.06);
  --shadow-lg:0 12px 32px rgba(8,24,43,.12);
  --ease:cubic-bezier(.2,.7,.2,1); --dur:180ms;
}

/* ============================================================
   Presets de paletă (comutabile din selector prin data-theme).
   Schimbă DOAR cele 4 knob-uri; restul derivă.
   ============================================================ */
[data-theme="innbn"]  { --color1:#14375E; --color2:#155FA0; --accent1:#0F8A8F; --accent2:#C2261D; }
[data-theme="royal"]  { --color1:#1E3A6E; --color2:#2563EB; --accent1:#0D9488; --accent2:#DC2626; }
[data-theme="forest"] { --color1:#14433A; --color2:#0F766E; --accent1:#2F9E6E; --accent2:#C2410C; }
[data-theme="slate"]  { --color1:#1F2A37; --color2:#2563EB; --accent1:#0EA5A5; --accent2:#DC2626; }
[data-theme="plum"]   { --color1:#3B2A5A; --color2:#6D28D9; --accent1:#0E7C86; --accent2:#BE123C; }

@media (prefers-reduced-motion: reduce){ :root{ --dur:0ms; } }