/* ============================================
   DESIGN TOKENS — achizitie-litigii.ro
   Extracted from live Divi site
   ============================================ */

:root {
  /* === BRAND COLORS === */
  --red-primary: #ff3c38;
  --red-hover: #e0332f;
  --blue-accent: #016fb9;
  --blue-light: #2ea3f2;
  --blue-link: #1474cc;
  --teal: #00D1A0;
  --teal-secondary: #29c4a9;

  /* === BACKGROUNDS === */
  --bg-white: #ffffff;
  --bg-offwhite: #f3f1f2;
  --bg-cream: #F5E9E2;
  --bg-gray: #e5e5e5;
  --bg-dark: #353531;
  --bg-hero-overlay-start: rgba(109,109,109,0.23);
  --bg-hero-overlay-end: rgba(109,109,109,0.28);
  --bg-panel-white: rgba(255,255,255,0.6);

  /* === TEXT COLORS === */
  --text-body: #666666;
  --text-dark: #333333;
  --text-heading: #333333;
  --text-mid: rgba(0,0,0,0.7);
  --text-label: rgba(0,0,0,0.85);
  --text-sublabel: rgba(0,0,0,0.55);
  --text-nav: #000000;
  --text-light: rgba(0,0,0,0.6);
  --text-white: #ffffff;

  /* === BORDERS & SHADOWS === */
  --border-input: rgba(0,0,0,0.25);
  --border-light: rgba(0,0,0,0.15);
  --shadow-card: 0px 2px 18px 0px rgba(0,0,0,0.3);
  --shadow-btn: 0px 12px 18px -6px rgba(0,0,0,0.3);

  /* === TYPOGRAPHY === */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  --font-accent: 'DM Sans', Helvetica, Arial, Lucida, sans-serif;

  /* Font sizes */
  --fs-body: 14px;
  --fs-h1: 76px;
  --fs-h2: 26px;
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-h5: 16px;
  --fs-h6: 14px;
  --fs-nav: 14px;
  --fs-label: 12px;
  --fs-btn-submit: 30px;
  --fs-btn: 20px;

  /* Font weights */
  --fw-body: 500;
  --fw-heading: 400;
  --fw-nav: 600;
  --fw-bold: 700;
  --fw-semibold: 600;

  /* Line heights */
  --lh-body: 1.7em;
  --lh-heading: 1em;
  --lh-heading-lg: 1.1em;
  --lh-relaxed: 1.8em;

  /* === SPACING === */
  --section-padding: 54px 0;
  --container-max: 1280px;
  --container-width: 80%;
  --hero-content-width: 89%;
  --hero-max-width: 1675px;
  --gap-row: 3%;

  /* === FORM === */
  --input-height: 43px;
  --input-padding-h: 14px;
  --input-spacing: 15px;
  --input-fs: 16px;
  --input-lh: 19px;
  --input-bg: #ffffff;
  --input-radius: 3px;
  --input-border-color: rgba(0,0,0,0.25);
  --input-border-focus: var(--blue-accent);
  --input-border-error: #d63637;
  --input-border-valid: #27ae60;
  --error-text: #d63637;

  /* === BORDER RADIUS === */
  --radius-input: 3px;
  --radius-btn: 5px;
  --radius-card: 15px;
  --radius-panel: 10px;

  /* === TRANSITIONS === */
  --transition-fast: 0.2s;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.4s ease-in-out;
}