:root {
  /* ============================================================
     1. BRAND PALETTE (Semantic)
     ============================================================ */
  --bg: #ffffff;
  --text: #0b1220;
  --muted: #5b677a;
  --line: #e7ebf2;
  --bg-main: #f6f8fb;

  /* Accent Logic */
  --accent: #9f02ad;        /* Specialist Blue (Learning/Partners) */
  --accent-care: #0d7f7f;   /* Care Green (Directory/Homes) */
  --accent-soft: rgba(2, 122, 255, 0.08);
  --accent-dark: #274998;

  /* ============================================================
     2. GEOMETRY (Signature MDS Curves)
     ============================================================ */
  --radius-lg: 28px;        /* Master Cards / Gateway Squares */
  --radius-md: 16px;        /* Buttons / Form Inputs / Dropdowns */
  --radius-sm: 10px;        /* Tags / Badges / UI Elements */
  --radius-full: 999px;     /* Pill shapes */

  /* ============================================================
     3. ELEVATION (Editorial Depth)
     ============================================================ */
  --shadow-sm: 0 4px 12px rgba(11, 18, 32, 0.03);
  --shadow-md: 0 12px 32px rgba(11, 18, 32, 0.05);
  --shadow-lg: 0 20px 50px rgba(11, 18, 32, 0.08);

  /* ============================================================
     4. TYPOGRAPHY DNA
     ============================================================ */
  --font-display: 'League Spartan', system-ui, sans-serif;
  --font-body: 'Poppins', system-ui, sans-serif;

  --weight-display: 800;
  --weight-heading: 600;
  --weight-body: 500;
  --weight-muted: 400;

  /* ============================================================
     5. LAYOUT CONSTANTS
     ============================================================ */
  --navH: 80px;
  --container-max: 1240px;
  --mvo-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}