:root {
  /* Light theme colors */
  --bg:           #FFFFFF;
  --bg2:          #F6F8FB;
  --bg3:          #EEF2F7;
  --surface:      #FFFFFF;
  --border:       rgba(15, 23, 42, 0.10);
  --border-hover: rgba(37, 99, 235, 0.45);
  --accent:       #2563EB;
  --accent2:      #0E7490;
  --accent2-bright: #22D3EE;
  --accent-dim:   rgba(37, 99, 235, 0.08);
  --text:         #0F172A;
  --muted:        #64748B;
  --mid:          #475569;
  --white:        #FFFFFF;

  /* Dark ink bands: hero, footer, CTA */
  --ink:          #0B1220;
  --ink2:         #111C33;
  --ink-surface:  #16233F;
  --ink-border:   rgba(255, 255, 255, 0.12);
  --ink-text:     #F1F5F9;
  --ink-mid:      #B3C0D6;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 12px 24px -12px rgba(15, 23, 42, 0.18);

  /* Typography */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* Spacing scale */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 100px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Transitions */
  --transition: 0.25s ease;
  --transition-slow: 0.5s ease;
}