:root {
  --green: #00FC92;
  --blue: #00A2FE;
  --navy: #031738;
  --navy-2: #072452;
  --navy-3: #0a2d63;
  --grad: linear-gradient(135deg, #00FC92 0%, #00A2FE 100%);
  --grad-soft: linear-gradient(135deg, rgba(0,252,146,.15) 0%, rgba(0,162,254,.15) 100%);
  --grad-text: linear-gradient(135deg, #00FC92 0%, #00A2FE 100%);
  --sidebar-width: 72px;
  --sidebar-expanded-width: 210px;
  --page-max: 1440px;
  --content-edge-gap: clamp(1rem, 1.6vw, 1.75rem);
  --hero-sidebar-gap: clamp(3.5rem, 10vw, 13rem);
  --section-x: clamp(1.5rem, 3vw, 3.5rem);
  --section-y: clamp(3rem, 5vw, 5.5rem);
  --section-y-compact: clamp(2rem, 3vw, 3.5rem);
  --radius-card: 10px;
  --font-heading: "Sora", "DM Sans", sans-serif;
  --font-body: "DM Sans", "IBM Plex Sans", sans-serif;
  --ease-out: cubic-bezier(.2, .7, .2, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}

[data-theme="light"] {
  --bg-page: #f7f8f8;
  --bg-section: #ffffff;
  --bg-soft: #f2f5f6;
  --bg-card: rgba(255,255,255,.92);
  --bg-card-strong: #ffffff;
  --text-primary: #101820;
  --text-secondary: rgba(16,24,32,.72);
  --text-muted: rgba(16,24,32,.52);
  --border-soft: rgba(16,24,32,.10);
  --border-medium: rgba(16,24,32,.16);
  --shadow-soft: 0 18px 50px rgba(3,23,56,.06);
  --shadow-strong: 0 28px 80px rgba(3,23,56,.12);
  --grid-line: rgba(3,23,56,.045);
}