:root {
  --color-primary: #275b68;
  --color-primary-dark: #1d4650;
  --color-accent: #8224e3;
  --color-emerald: #239371;
  --color-mustard: #ffb020;
  --color-navy: #0a083b;
  --color-night: #071433;
  --color-body: #57586e;
  --color-muted: #8a8ba3;
  --color-heading-soft: #8b90b0;
  --color-bg: #ffffff;
  --color-alt: #f6f7fb;
  --color-line: #ececf2;
  --color-black: #111111;
  --gradient-featured: linear-gradient(135deg, #0063f7 0%, #7a2ee6 100%);
  --gradient-hero: linear-gradient(180deg, rgba(7, 20, 51, 0.88) 0%, rgba(10, 28, 72, 0.82) 46%, rgba(39, 91, 104, 0.72) 100%);
  --font-display: "Montserrat", sans-serif;
  --font-heading: "Roboto", sans-serif;
  --font-body: "Poppins", sans-serif;
  --font-widget: "Inter", "Sora", sans-serif;
  --radius-pill: 50px;
  --radius-card: 22px;
  --shadow-soft: 0 18px 50px rgba(7, 20, 51, 0.08);
  --header-h: 76px;
  --max: 1180px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}