:root {
  --font-heading: Roboto, serif;
  --font-body: Roboto, sans-serif;
  --bg: #ffffff;
  --card: #ffffff;
  --text: #111827;
  --muted: #6d6d6d;
  --accent: #0089ff;
  --primary: #1a1a1a;
  --secondary: #f3f3f3;
  --border: #ececec;
  --page-bg: radial-gradient(circle at 10% 20%, rgba(0, 137, 255, 0.02), transparent 25%), var(--bg);
  --header-bg: rgba(255, 255, 255, 0.96);
  --footer-bg: #ffffff;
  --input-bg: #ffffff;
  --button-bg: linear-gradient(135deg, #1a1a1a, #0089ff);
  --button-text: #ffffff;
  --button-shadow: 0 12px 30px rgba(0, 137, 255, 0.08);
  --card-shadow: 0 16px 40px rgba(17, 24, 39, 0.06);
  --cta-bg: linear-gradient(135deg, rgba(26, 26, 26, 0.06), rgba(243, 243, 243, 0.04));
  --radius-card: 8px;
  --radius-button: 999px;
  --radius-input: 8px;
  --section-pad: 88px;
  --hero-pad: 120px;
  --font-weight-heading: 900;
  --font-weight-body: 400;
  --letter-spacing-heading: -0.04em;
  --card-hover-lift: translateY(-2px);
  --transition-speed: 0.2s;
  --density: compact;
}