:root {
  /* ---- Brand accent (safety / copper orange) -------------------------- */
  --accent:            #F26A1B;
  --accent-hover:      #D2560D;
  --accent-contrast:   #FFFFFF;
  --accent-wash:       #FCE6D6;

  /* ---- Cool surfaces -------------------------------------------------- */
  --bg:                #F4F7FA;   /* cool off-white */
  --bg-alt:            #E6EDF3;   /* light steel     */
  --bg-invert:         #0E2436;   /* deep navy       */
  --surface:           #FFFFFF;
  --surface-2:         #EDF2F7;

  /* ---- Ink (navy / steel) --------------------------------------------- */
  --text:              #10293C;
  --text-muted:        #55707F;
  --text-invert:       #EAF1F7;

  /* ---- Lines & shadow -------------------------------------------------- */
  --line:              #D7E1EA;
  --line-strong:       #B7C8D5;
  --shadow-sm:         0 1px 2px rgba(16,41,60,.06);
  --shadow-md:         0 2px 4px rgba(16,41,60,.05), 0 12px 30px rgba(16,41,60,.10);
  --shadow-lg:         0 4px 8px rgba(16,41,60,.06), 0 24px 60px rgba(16,41,60,.16);

  /* ---- Brand extras ---------------------------------------------------- */
  --whatsapp:          #25D366;
  --whatsapp-dark:     #1EBE5B;

  /* ---- Type ------------------------------------------------------------ */
  --font-display: "Barlow Condensed", "Arial Narrow", "Oswald", sans-serif;
  --font-body:    "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --fs-xs:    0.75rem;
  --fs-sm:    0.8125rem;
  --fs-base:  1rem;
  --fs-md:    clamp(1.0625rem, 0.35vw + 0.98rem, 1.1875rem);
  --fs-lg:    clamp(1.25rem, 0.6vw + 1.1rem, 1.5rem);
  --fs-xl:    clamp(1.5rem, 1vw + 1.25rem, 2rem);
  --fs-2xl:   clamp(2.1rem, 2.4vw + 1.4rem, 3.2rem);
  --fs-3xl:   clamp(2.6rem, 3.8vw + 1.5rem, 4.5rem);
  --fs-4xl:   clamp(3.2rem, 6.5vw + 1rem, 7.5rem);

  --lh-tight: 1.04;
  --lh-snug:  1.2;
  --lh-base:  1.62;

  /* ---- Space ----------------------------------------------------------- */
  --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-9:  6rem;
  --space-10: 8rem;

  --section-y: clamp(4.5rem, 9vw, 9rem);

  /* ---- Layout ---------------------------------------------------------- */
  --container:      1280px;
  --container-text: 720px;
  --gutter:         clamp(1.25rem, 4vw, 3.5rem);
  --header-h:       76px;

  /* ---- Radii (crisp, engineered) -------------------------------------- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-full: 999px;

  /* ---- Motion ---------------------------------------------------------- */
  --ease:      cubic-bezier(.22,.61,.36,1);
  --ease-out:  cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.65,.05,.36,1);
  --dur-fast:  180ms;
  --dur:       420ms;
  --dur-slow:  760ms;

  --z-menu:   150;
  --z-header: 200;
  --z-veil:   400;
  --z-fab:    250;   /* floating WhatsApp button */

  color-scheme: light;
}