/*
 * LabDiamond 2026 — design tokens (temă LUMINOASĂ, caldă).
 *
 * Fundal crem cald (#F4EFE7) cu aure difuze aurii, text brun-închis, accent
 * auriu-șampanie. Inspirat de fundalul cald de la scs.md. Colțuri rotunjite,
 * umbre difuze. Tot ce e vizual referențiază variabilele de mai jos.
 *
 * Notă: `--ink-*` rămân valori ÎNCHISE (text pe auriu, banda hero foto), iar
 * `--paper-*` sunt suprafețele luminoase. `--ivory` = text deschis pe fundal
 * închis (folosit doar în hero).
 */

:root {
	/* ---- Scală hârtie (deschis) ---- */
	--paper-0:   #FCF9F4;  /* aproape alb — carduri/suprafețe ridicate */
	--paper-50:  #F4EFE7;  /* fundal principal — crem cald */
	--paper-100: #ECE4D7;  /* panou subtil */
	--paper-200: #DFD5C4;  /* borduri deschise */

	/* ---- Scală cerneală (închis) — text + banda hero ---- */
	--ink-900: #17110D;  /* text principal / fundal închis (hero) */
	--ink-800: #221A14;
	--ink-700: #4B4238;  /* text secundar */
	--ink-500: #877B6B;  /* metadate, etichete */

	/* Text deschis pentru contexte închise (hero). */
	--ivory:      #F6F1E8;
	--ivory-dim:  #DBD3C5;
	--ivory-mute: #A79D8C;

	/* ---- Accent: auriu-șampanie ---- */
	--gold:        #C5A572;  /* umpluturi (butoane) */
	--gold-bright: #D9BC85;
	--gold-deep:   #8A6B3B;  /* auriu pentru TEXT pe fundal deschis (contrast) */
	--copper:      #B45A29;  /* accent cald opțional (ca la scs) */

	/* ---- Highlight rece (sclipire de diamant) ---- */
	--diamond:      #7FA9C4;
	--diamond-blue: #5E86A6;

	/* ---- Semantice ---- */
	--bg:              var(--paper-50);
	--bg-elevated:     var(--paper-0);
	--surface:         rgba(23, 17, 13, 0.035);
	--surface-strong:  rgba(23, 17, 13, 0.06);
	--text:            var(--ink-900);
	--text-dim:        var(--ink-700);
	--text-mute:       var(--ink-500);
	--accent:          var(--gold);
	--accent-hover:    var(--gold-deep);
	--accent-ink:      var(--gold-deep);  /* auriu pentru text/prețuri pe deschis */
	--hairline:        rgba(23, 17, 13, 0.10);
	--hairline-strong: rgba(23, 17, 13, 0.18);

	/* ---- Tipografie ---- */
	--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--font-body:    "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--fs-hero:   clamp(3rem, 1.6rem + 6.5vw, 8rem);
	--fs-h1:     clamp(2.4rem, 1.4rem + 4vw, 5rem);
	--fs-h2:     clamp(1.9rem, 1.2rem + 2.6vw, 3.4rem);
	--fs-h3:     clamp(1.4rem, 1.1rem + 1.2vw, 2.1rem);
	--fs-lead:   clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
	--fs-body:   1.0625rem;
	--fs-sm:     0.9375rem;
	--fs-xs:     0.8125rem;
	--fs-eyebrow:0.75rem;

	--lh-tight:  1.05;
	--lh-snug:   1.2;
	--lh-body:   1.65;
	--tracking-wide: 0.18em;
	--tracking-eyebrow: 0.3em;

	/* ---- Spațiere ---- */
	--space-1: 0.5rem;
	--space-2: 0.75rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 2.5rem;
	--space-6: 4rem;
	--space-7: 6rem;
	--space-8: 8rem;
	--space-section: clamp(4rem, 2.5rem + 4.5vw, 7.5rem); /* ritm vertical consistent între secțiuni */

	/* ---- Layout ---- */
	--container:      min(92vw, 1240px);
	--container-wide: min(96vw, 1600px);
	--container-text: min(90vw, 68ch);

	/* ---- Rotunjire ---- */
	--radius:      14px;
	--radius-lg:   24px;
	--radius-xl:   34px;
	--radius-pill: 100px;

	/* ---- Mișcare (curbe rafinate) ---- */
	--ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--ease-spring: cubic-bezier(0.34, 1.4, 0.5, 1);
	--dur-fast:  180ms;
	--dur-med:   380ms;
	--dur-slow:  720ms;

	/* ---- Elevație (umbre calde, difuze) ---- */
	--shadow-soft: 0 1px 2px rgba(60, 42, 22, 0.06), 0 10px 30px -12px rgba(60, 42, 22, 0.14);
	--shadow-card: 0 2px 8px rgba(60, 42, 22, 0.07), 0 30px 60px -30px rgba(60, 42, 22, 0.22);
	--shadow-gold: 0 12px 34px -12px rgba(197, 165, 114, 0.5);
	--glass-blur:  saturate(140%) blur(16px);

	/* ---- Z ---- */
	--z-nav: 100;
	--z-overlay: 200;
}