/* ============================================================
   Eterna la Pacea — design tokens
   Paleta vine din logo: contur grafit, interior argintiu, cruce de alamă.
   Fundal ivoriu cald, nu alb clinic. Nimic strident, nimic grăbit.
   ============================================================ */

:root {
  /* ── Grafit (textul si contururile) ─────────────────── */
  --ink-900: #16191c;
  --ink-800: #1f2429;
  --ink-700: #2b3136;   /* conturul din logo */
  --ink-600: #3d454b;
  --ink-500: #565f66;
  --ink-400: #7b848b;
  --ink-300: #a3aaaf;
  --ink-200: #c8ccd0;
  --ink-100: #e2e5e7;

  /* ── Piatra calda (fundaluri) ───────────────────────── */
  --stone-50: #faf9f6;   /* fundalul paginii */
  --stone-100: #f4f2ee;
  --stone-200: #e9e6e0;
  --stone-300: #dcd8d0;
  --stone-400: #c4bfb5;

  /* ── Alama (accentul, folosit cu masura) ────────────── */
  --brass-100: #f6efe1;
  --brass-200: #ecdcbe;
  --brass-300: #dcc79a;
  --brass-400: #cbae76;
  --brass-500: #c2a15e;  /* crucea din logo */
  --brass-600: #a8874a;
  --brass-700: #856a38;

  /* ── Verde stins (viata, memoria) ───────────────────── */
  --sage-100: #eef1ee;
  --sage-300: #b9c5bc;
  --sage-500: #6b7f73;
  --sage-700: #46564c;

  /* ── Semnale (discrete) ─────────────────────────────── */
  --ok: #4a7c59;
  --ok-bg: #eef4ef;
  --warn: #8a6d2f;
  --warn-bg: #f8f2e4;
  --err: #9b3d3d;
  --err-bg: #f7eeee;
  --info: #3f5b73;
  --info-bg: #eef2f6;

  /* ── Suprafete ──────────────────────────────────────── */
  --bg: var(--stone-50);
  --surface: #ffffff;
  --surface-2: var(--stone-100);
  --line: var(--stone-300);
  --line-soft: var(--stone-200);
  --line-strong: var(--ink-200);

  --text: var(--ink-800);
  --text-soft: var(--ink-500);
  --text-mute: var(--ink-400);
  --text-invert: #f7f6f3;

  /* ── Tipografie ─────────────────────────────────────── */
  --font-display: 'Gambetta', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-body: 'General Sans', 'Segoe UI', 'Helvetica Neue', sans-serif;

  --t-xs:   clamp(0.76rem, 0.74rem + 0.08vw, 0.81rem);
  --t-sm:   clamp(0.86rem, 0.83rem + 0.12vw, 0.94rem);
  --t-base: clamp(1rem, 0.97rem + 0.16vw, 1.09rem);
  --t-md:   clamp(1.12rem, 1.06rem + 0.28vw, 1.28rem);
  --t-lg:   clamp(1.32rem, 1.2rem + 0.5vw, 1.62rem);
  --t-xl:   clamp(1.6rem, 1.38rem + 0.95vw, 2.3rem);
  --t-2xl:  clamp(2rem, 1.62rem + 1.7vw, 3.1rem);
  --t-3xl:  clamp(2.4rem, 1.85rem + 2.5vw, 4.1rem);

  --lh-tight: 1.08;
  --lh-snug: 1.2;
  --lh-body: 1.72;      /* aer generos: textul se citeste in momente grele */
  --track-tight: -0.015em;
  --track-wide: 0.16em;

  /* ── Spatiere ───────────────────────────────────────── */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 2.75rem;  --s-8: 3.75rem;
  --s-9: 5.5rem;   --s-10: 7.5rem;

  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --maxw: 1220px;
  --maxw-narrow: 720px;
  --maxw-text: 68ch;
  --section-y: clamp(3.5rem, 7vw, 7rem);

  /* ── Rotunjiri: mici, sobre ─────────────────────────── */
  --r-xs: 3px;
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 18px;
  --r-pill: 999px;

  /* ── Umbre: joase, difuze, aproape imperceptibile ───── */
  --shadow-soft:
    0 1px 2px rgba(22, 25, 28, 0.04),
    0 6px 16px -10px rgba(22, 25, 28, 0.14);
  --shadow-card:
    0 1px 1px rgba(22, 25, 28, 0.03),
    0 10px 24px -16px rgba(22, 25, 28, 0.18);
  --shadow-lift:
    0 2px 4px rgba(22, 25, 28, 0.05),
    0 18px 40px -24px rgba(22, 25, 28, 0.28);
  --shadow-inset: inset 0 0 0 1px var(--line-soft);

  /* ── Miscare: lenta, fara salt ──────────────────────── */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.45, 0.05, 0.35, 1);
  --d-fast: 180ms;
  --d-base: 320ms;
  --d-slow: 520ms;
  --d-lazy: 760ms;

  /* ── Straturi ───────────────────────────────────────── */
  --z-sticky: 50;
  --z-header: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;

  --rule: 1px solid var(--line);
}