:root {
  --color-bg: #08140d;
  --color-surface: #10281c;
  --color-surface-alt: #143423;
  --color-text: #f2f8f4;
  --color-text-muted: #d2e0d7;
  --color-text-strong: #08140d;
  --color-surface-soft: rgba(255, 255, 255, 0.08);
  --color-accent: #25d366;
  --color-accent-strong: #169c49;
  --color-signal: #ffd66b;
  --color-border: rgba(255, 255, 255, 0.1);
  --color-shadow: rgba(0, 0, 0, 0.28);
  --shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.2);
  --shadow-card: 0 18px 60px rgba(0, 0, 0, 0.28);
  --shadow-float: 0 30px 90px rgba(0, 0, 0, 0.42);
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;
  --font-display: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-display-xl: clamp(2.05rem, 4.35vw, 3.35rem);
  --text-display-lg: clamp(1.58rem, 2.75vw, 2.25rem);
  --text-heading-md: clamp(1.08rem, 1.45vw, 1.36rem);
  --text-body-lg: clamp(1.04rem, 1.35vw, 1.2rem);
  --text-body-md: 1.04rem;
  --text-label-sm: 0.78rem;
  --max-width: 65rem;
  --surface-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
  --surface-panel: linear-gradient(180deg, rgba(20, 52, 35, 0.94), rgba(9, 19, 13, 0.92));
  --accent-gradient: linear-gradient(180deg, #2ce06e, #1bad53);
  --card-hover-shift: translateY(-6px);
}