:root {
  --primary: #4a8cff;
  --text: #1a1a1a;
  --bg: #ffffff;
  --surface: #f5f5f5;

  --nav-bg: var(--primary);
  --nav-text: #fff;

  --footer-bg: #1f1f1f;
  --footer-text: #fff;

  --radius: 8px;
  --shadow: 0 2px 6px rgba(0,0,0,0.1);
  --spacer: 1rem;

  /* Breakpoints */
  --bp-md: 768px;
  --bp-lg: 1024px;
}