:root {
  /* Colors — Saunder design system (shotless direction) */
  --color-primary: #6696FF;
  --color-primary-hover: #5580E0;
  --accent: #6696FF;
  --color-heading: #030711;
  --color-text: #030711;
  --color-text-light: #64748B;
  --color-bg: #FFFFFF;
  --color-bg-muted: #F8FAFC;
  --color-border: #E2E8F0;
  --color-border-light: #E2E8F0;

  /* Dark surfaces */
  --dark-card-bg: #030711;
  --cta-gradient: linear-gradient(135deg, #030711 0%, #0F172A 100%);

  /* Section backgrounds — clean white, no warm tints */
  --hero-gradient: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
  --section-bg: #FFFFFF;
  --section-muted: #F8FAFC;

  /* Typography */
  --font-family: 'Manrope', system-ui, sans-serif;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-h1: 52px;
  --font-size-h2: 40px;
  --font-size-h3: 20px;
  --font-size-h6: 16px;

  /* Spacing */
  --container-max: 1280px;
  --container-padding: 24px;
  --section-padding: 100px;
  --navbar-height: 80px;

  /* Radius */
  --radius-button: 12px;
  --radius-pill: 9999px;
  --radius-card: 16px;
  --radius-chip: 16px;

  /* Shadows */
  --shadow-navbar: none;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.1);
}