:root {
  /* ---- Brand palette (from Colores frame) ---- */
  --c-primary: #942E1F;
  /* rust / brick red  (Primary/100) */
  --c-primary-light: #F7EBEB;
  /* pink tint          (Primary/200) */
  --c-primary-dark: #3A0801;
  /* near-black maroon  (Primary/300) — dark sections */
  --c-secondary: #5DB0B4;
  /* teal               (Secondary/100) — eyebrows */
  --c-secondary-light: #D8EAEA;
  /* (Secondary/200) */
  --c-secondary-dark: #017C9B;
  /* deep cyan          (Secondary/300) */
  --c-tertiary: #FCB275;
  /* light orange       (Tertiary/100) */
  --c-tertiary-light: #FAF1EA;
  /* cream              (Tertiary/200) */
  --c-tertiary-dark: #E0753F;
  /* burnt orange       (Tertiary/300) */

  /* ---- Text / neutrals ---- */
  --c-text: #2B2522;
  /* Text - Dark */
  --c-text-gray: #656565;
  /* Text - Gray */
  --c-white: #FFFFFF;
  --c-gray-600: #535862;

  /* ---- Extended colors used on Page-Home (not in Colores frame) [EXT] ---- */
  --c-cream: #F9F0E9;
  /* text-on-dark, form labels, button bg, footer text */
  --c-cream-band: #FCFBF8;
  /* Our Process full-width background band */
  --c-hero-bg: #EEDECC;
  /* hero cream wash behind photo fade [EXT] */
  --c-design-slider: #ECBA80;
  /* Our Design carousel arrows + dots [EXT] */
  --c-pink-box: #F7ECEB;
  /* logo wrapper background */
  --c-input-border: #DBB0AF;
  /* form input border + placeholder */
  --c-card-border: #DB9E95;
  /* step / highlight-1 card border */
  --c-btn-text-dark: #5B1615;
  /* "I'M INTERESTED" button label */
  --c-divider-rose: #D58074;
  /* dusty-rose dividers (Built vertical, Process) */
  --c-divider-gray: #686868;
  /* footer divider */
  --c-divider-teal: #5DB0B4;
  /* Our Design rule below paragraphs */

  /* highlight-pill accent set [EXT] */
  --c-hl-rust: #942E1F;
  --c-hl-teal: #357C87;
  --c-hl-orange: #B9582E;
  --c-hl-olive: #7D7B5B;

  /* ---- Typography ---- */
  --font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* font sizes (px values from Figma) */
  --fs-h1: 72px;
  --lh-h1: 78px;
  --fs-h2: 42px;
  --lh-h2: 55px;
  --fs-num: 36px;
  --fs-h3: 22px;
  --lh-h3: 29px;
  /* footer col head, step title */
  --fs-body: 18px;
  --lh-body: 29px;
  --fs-sm: 16px;
  --lh-sm: 29px;
  --fs-input: 14px;
  --lh-input: 29px;

  /* weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- Layout ---- */
  --content-width: 1720px;
  /* inner content column */
  --gutter: 100px;
  /* page side gutter at 1920 */

  /* ---- Radii ---- */
  --r-button: 8px;
  --r-card: 30px;
  --r-pill: 100px;
  --r-logo: 11px;

  /* ---- Shadow (Shadow/lg from Colores) ---- */
  --shadow-lg: 0 4px 6px -2px rgba(10, 13, 18, .03), 0 12px 16px -4px rgba(10, 13, 18, .08);
}