:root {
  /* Brand colors — extracted from Figma */
  --brand:        #1e5eaa;
  --brand-dark:   #0f172a;
  --brand-tint:   #9cc9ff;
  --accent:       #933b77;
  --accent-tint:  #ffbeea;
  --accent-pink:  #ff0080; /* button/link magenta — underline + hover fill */

  /* Text */
  --ink:          #1a1c1c;
  --ink-light:    #52424b;
  --ink-muted:    #94a3b8;

  /* Surfaces */
  --bg:           #ffffff;
  --bg-warm:      #f9f9f9;
  --bg-section:   #f3f3f3;
  --border:       #cbd5e1;

  /* Type alias — base.css uses --sans / --serif */
  --sans:         "Satoshi Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --serif: "Satoshi Variable", serif;
  --font-heading: "Futura Hv BT", "Satoshi Variable", Georgia, serif;
  --font-body:    "Satoshi Variable", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Header palette — solid brand blue per Figma TopNavBar */
  --header-bg:           #1e5eaa;
  --header-link-color:   #ffffff;
  --header-link-active:  #ffbeea;
  --header-border:       transparent;
  --header-toggle-color: #ffffff;
  --header-toggle-bg:    transparent;
  --header-toggle-border: rgba(255, 255, 255, 0.4);
  --header-mobile-bg:    #0f172a;
  --header-mobile-link:  #ffffff;
  --header-mobile-divider: rgba(255, 255, 255, 0.12);
  --header-logo-width:   9rem;
  --header-utility-color: #ffffff;

  /* Footer palette */
  --footer-bg:     #0f172a;
  --footer-text:   #e5edf5;
  --footer-border: rgba(255, 255, 255, 0.12);

  /* Button palette (Figma button components) */
  --button-bg:            #1e5eaa;
  --button-bg-hover:      #ff0080; /* hover = solid magenta */
  --button-text:          #ffffff;
  --button-underline:     #ff0080; /* magenta bottom bar on default/secondary */
  --button-outline-color: #1a1c1c;
}