/* ============================================================
   Lucrători.md - Design Tokens
   Direction: "Civic Billboard" - alb / roșu / galben.
   Îndrăzneț, de încredere, orientat pe conversie. Roșu = acțiune,
   galben = accent rar (pe fundal închis / text negru).
   ============================================================ */

:root {
  /* --- Dark anchor (near-black, nu navy) --- */
  --c-navy-900: #17191c;   /* footer / hero fallback / secțiuni închise */
  --c-navy-800: #1f2226;
  --c-navy-700: #2a2e33;
  --c-navy-600: #3a3f45;

  /* --- Accent: roșu principal + galben --- */
  --c-accent:     #e60000;   /* roșu - CTA / accent principal */
  --c-accent-600: #c40000;   /* roșu închis - hover */
  --c-accent-300: #ffd200;   /* galben - accent pe fundal închis (niciodată pe alb fără text negru) */
  --c-accent-soft: rgba(230, 0, 0, 0.10);
  --c-accent-ring: rgba(230, 0, 0, 0.32);
  --c-yellow:     #ffd200;   /* galben pur */
  --c-yellow-ink: #3a3400;   /* text pe galben */

  --c-surface:   #ffffff;  /* pagină pur albă */
  --c-surface-2: #f5f5f5;  /* secțiune alternantă (gri-studio) */
  --c-surface-3: #ececec;
  --c-white:     #ffffff;

  --c-ink:       #1c1f22;  /* titluri pe alb */
  --c-body:      #43494f;  /* text pe alb */
  --c-muted:     #767c82;  /* muted / captions */
  --c-on-dark:   #f2f3f5;  /* text pe închis */
  --c-on-dark-muted: #b8bcc1;

  --c-line:      rgba(20, 22, 25, 0.10);
  --c-line-2:    rgba(20, 22, 25, 0.18);
  --c-line-dark: rgba(242, 243, 245, 0.14);

  --c-success:   #1f9d63;
  --c-success-bg: rgba(31, 157, 99, 0.10);
  --c-error:     #d64545;
  --c-error-bg:  rgba(214, 69, 69, 0.10);

  /* --- Typography --- */
  --font-display: "Archivo", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --text-xs:   0.78rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --text-xl:   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-2xl:  clamp(1.6rem, 1.35rem + 1.1vw, 2.15rem);
  --text-3xl:  clamp(2rem, 1.6rem + 1.9vw, 3rem);
  --text-hero: clamp(2.4rem, 1.6rem + 3.6vw, 4.6rem);

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.65;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extra: 800;

  /* --- Spacing --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4rem, 2.8rem + 5vw, 7.5rem);
  --container: 1200px;
  --container-narrow: 900px;

  /* --- Radius (mai colțuros - spirit Renault) --- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* --- Shadows (neutre) --- */
  --shadow-sm: 0 1px 2px rgba(20, 22, 25, 0.06),
               0 2px 8px rgba(20, 22, 25, 0.05);
  --shadow-md: 0 6px 20px rgba(20, 22, 25, 0.08),
               0 2px 6px rgba(20, 22, 25, 0.06);
  --shadow-lg: 0 20px 50px rgba(20, 22, 25, 0.16),
               0 8px 20px rgba(20, 22, 25, 0.08);
  --shadow-accent: 0 12px 30px rgba(230, 0, 0, 0.30);

  /* --- Motion --- */
  --dur-fast: 160ms;
  --dur: 280ms;
  --dur-slow: 520ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --header-h: 76px;
}