/* =====================================
   CORE VARIABLES & BRAND SYSTEM
   ===================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
  /* Brand Colours */
  --color-primary: #009688;
  --color-primary-dark: #006e62;
  --color-secondary: #ffb703;
  --color-accent: #e1006a;
  --color-bg: #fafafa;
  --color-panel: #f5f7f8;
  --color-text: #1a1a1a;
  --color-muted: #555;
  --color-white: #fff;

  /* Typography & UI */
  --font-main: "Poppins", sans-serif;
  --radius: 10px;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  --transition: 220ms ease-in-out;
  --section-space: clamp(3rem, 6vw, 6rem);
}