/* ─── TOKENS ─── */
 :root {
     --navy: #111827;
     /* Primary dark */
     --navy2: #1F2937;
     /* Elevated surfaces */

     --coral: #2D3C58;
     /* Brand primary */
     --coral2: #4A4AC4;
     /* Hover / accent */

     --cream: #F8FAFC;
     /* Main background */
     --cream2: #EEF2F7;
     /* Secondary background */

     --sage: #10B981;
     /* Success */
     --amber: #F59E0B;
     /* Warning */

     --muted: #6B7280;
     /* Secondary text */
     --white: #FFFFFF;

     --radius: 16px;
     --font: 'Plus Jakarta Sans', system-ui, sans-serif;
 }

  /* ─── RESET ─── */
  *,
  *::before,
  *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
  }

  html {
      scroll-behavior: smooth;
  }

  body {
      font-family: var(--font);
      background: var(--cream);
      color: var(--navy);
      overflow-x: hidden;
  }

  img {
      display: block;
      max-width: 100%;
  }

  a {
      text-decoration: none;
      color: inherit;
  }