:root {
  color-scheme: light;
  /* --- Primary Brand (from Cluster_template.md) --- */
  --color-primary: #3B82F6;          /* CTA Blue */
  --color-primary-hover: #1D4ED8;    /* Button Text Blue */
  --color-primary-soft: #EBF2FF;
  /* --- Dark Backgrounds (from template gradient) --- */
  --color-navy: #0C4A8F;             /* Gradient End */
  --color-navy-2: #0D3B7A;           /* App Screen Background */
  /* --- Template Gradient & Navigation --- */
  --cluster-gradient-start: #1E73BE; /* Hero gradient top */
  --cluster-gradient-end: #0C4A8F;   /* Hero gradient bottom */
  --cluster-nav-bg: #155fa7;
  --color-border-navy: rgba(255, 255, 255, 0.2); /* Border Navy */
  /* --- Text & Basics --- */
  --color-ink: #101828;
  --color-muted: #5f6f82;
  --color-white: #ffffff;
  --color-surface: #f4f7fb;
  --color-surface-blue: #eef4fa;
  --color-border: #dbe4ed;
  --color-success: #178b68;
  --color-warning: #a05a00;
  --color-future: #6e56cf;
  /* Restrained cyan accent — complements the new brighter blues */
  --color-accent-cyan: #8adfee;
  --font-family: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-heading: "Plus Jakarta Sans", "Inter", sans-serif;
  --font-family-body: "Inter", "Plus Jakarta Sans", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 550;
  --font-weight-semibold: 650;
  --font-weight-bold: 750;
  --text-xs: 0.78rem;
  --text-sm: 0.9rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.3rem;
  --text-2xl: clamp(1.9rem, 3vw, 3.1rem);
  --text-hero: clamp(2.65rem, 5vw, 5.1rem);
  --line-heading: 1.08;
  --line-body: 1.65;
  --tracking-tight: -0.035em;
  --space-1: 0.375rem;
  --space-2: 0.625rem;
  --space-3: 0.875rem;
  --space-4: 1.25rem;
  --space-5: 1.75rem;
  --space-6: 2.5rem;
  --space-7: 3.5rem;
  --space-8: 5rem;
  --section-space: clamp(4rem, 7vw, 6.5rem);
  --container: 1200px;
  --container-wide: 1360px;
  --header-height: 74px;
  --button-height: 46px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 8px 24px rgba(7, 31, 59, 0.08);
  --shadow-md: 0 22px 60px rgba(7, 31, 59, 0.14);
  --transition: 220ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}