:root {
  --portal-petrol:      #33585a;
  --portal-mint:        #8bdbb5;
  --portal-heading:     #183430;
  --portal-subtext:     #5c6d68;
  --portal-border:      #dbe4e0;
  --portal-bg:          #f6f8f7;
  --portal-bg-alt:      #eef4f1;
  --portal-badge-bg:    #e1f5ee;
  --portal-badge-text:  #0f6e56;
  --portal-eyebrow:     #5f8a80;
  --portal-nav-muted:   #cdece0;
  --portal-cta-ink:     #0d3b30;
  --portal-btn-ink:     #eaf6f1;   /* text on solid petrol/mint buttons and dark cards */
  --portal-hero-overlay-start: rgba(51,88,90,0.15);
  --portal-hero-overlay-end:   rgba(20,40,38,0.55);
  --white: #ffffff;

  --font-display: "Poppins", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-data:    "Space Mono", ui-monospace, monospace;

  --maxw: 1180px;
  --radius: 10px;
  --space: 24px;
}