/* ═══════════════════════════════════════════════════════════════════
   ERDIX 'LICHTUNG' — token-uri de design (sursa unica)
   ═══════════════════════════════════════════════════════════════════
   Fisierul asta contine DOAR variabile: nicio regula de layout, deci
   poate fi legat in orice pagina fara sa-i schimbe structura.

   Legat de: index.html, pricing-de.html, profile-de.html, legal/*.html
   (etapa 6). styles-natura.css NU le mai redefineste — la etapa 5 am avut
   exact bug-ul asta, cu --radius-* si --shadow-* definite in doua locuri
   si blocul de mai jos castigand tacut. O singura definitie, aici.

   Fallback hex intai (Safari<16.4, Chrome<111), OKLCH peste el prin
   @supports — browserele moderne iau varianta exacta.
   ═══════════════════════════════════════════════════════════════════ */
:root {
  --moss: #1e6626;
  --moss-dark: #084511;
  --moss-mid: #3b793f;
  --moss-light: #8ebc8f;
  --moss-pale: #dceedc;
  --moss-faint: #eff8ef;
  --amber: #d79628;
  --amber-dark: #b07100;
  --amber-pale: #fce4c4;
  --amber-faint: #fdf4e7;
  --cream: #fbfaf7;
  --cream-mid: #f4f2ec;
  --text-dark: #151d15;
  --text-mid: #3e4c3e;
  --text-muted: #6b756a;
  --border: #d2dad1;
  --shadow-sm: 0 2px 6px rgba(30,102,38,.08), 0 1px 2px rgba(30,102,38,.05);
  --shadow-md: 0 4px 16px rgba(30,102,38,.10), 0 2px 4px rgba(30,102,38,.06);
  --shadow-lg: 0 12px 32px rgba(30,102,38,.12), 0 4px 8px rgba(30,102,38,.06);
  --shadow-xl: 0 20px 44px rgba(30,102,38,.14), 0 6px 12px rgba(30,102,38,.07);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 28px;
  --radius-full: 9999px;
  /* Text pe fundal chihlimbar deschis: --amber-dark (0.60) da doar 3.7 contrast,
     sub pragul WCAG AA de 4.5. Varianta asta trece pe amber-faint SI amber-pale. */
  --amber-text: #935b00;
  /* Rosu de pericol — stergere ireversibila si erori. Paleta Lichtung e doar
     moss + amber; fara el, „sterge" si „eroare" ar arata ca un avertisment
     galben, adica sub-semnalate. */
  --danger: #b3352a;
  --danger-dark: #8c2a20;
  --danger-faint: #fbeeec;
  /* Tipografie: Fraunces (titluri) + DM Sans (interfata) */
  --font-primary: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Fraunces', Georgia, serif;
}
@supports (color: oklch(0.5 0.1 145)) {
  :root {
    --moss: oklch(0.45 0.12 145);
    --moss-dark: oklch(0.34 0.10 145);
    --moss-mid: oklch(0.52 0.11 145);
    --moss-light: oklch(0.75 0.08 145);
    --moss-pale: oklch(0.93 0.03 145);
    --moss-faint: oklch(0.97 0.015 145);
    --amber: oklch(0.72 0.14 75);
    --amber-dark: oklch(0.60 0.14 75);
    --amber-pale: oklch(0.93 0.05 75);
    --amber-faint: oklch(0.97 0.02 75);
    --cream: oklch(0.985 0.004 90);
    --cream-mid: oklch(0.96 0.008 90);
    --text-dark: oklch(0.22 0.02 145);
    --text-mid: oklch(0.40 0.03 145);
    --text-muted: oklch(0.55 0.02 145);
    --border: oklch(0.88 0.015 145);
    --shadow-sm: 0 2px 6px oklch(0.45 0.12 145 / 0.08), 0 1px 2px oklch(0.45 0.12 145 / 0.05);
    --shadow-md: 0 4px 16px oklch(0.45 0.12 145 / 0.10), 0 2px 4px oklch(0.45 0.12 145 / 0.06);
    --shadow-lg: 0 12px 32px oklch(0.45 0.12 145 / 0.12), 0 4px 8px oklch(0.45 0.12 145 / 0.06);
    --shadow-xl: 0 20px 44px oklch(0.45 0.12 145 / 0.14), 0 6px 12px oklch(0.45 0.12 145 / 0.07);
    --amber-text: oklch(0.52 0.13 75);
    --danger: oklch(0.52 0.17 27);
    --danger-dark: oklch(0.42 0.15 27);
    --danger-faint: oklch(0.96 0.02 27);
  }
}