:root {
  /* Backgrounds */
  --bg-dark: #101c32;
  --bg-light: #ffffff;
  --bg-muted: #f5f5f7;

  /* Text */
  --text-dark: #1d1d1f;
  --text-light: #f5f5f7;
  --text-muted: #6e6e73;

  /* Accent */
  --accent: #0071e3;
  --accent-hover: #0077ed;

  --accent-dev: #1d4ed8; /* Apple-blue but deeper */
  --card-border: rgba(0,0,0,0.08);
  --card-bg-soft: #f5f5f7;

  /* Typography */
  --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  /* Spacing system (Apple-like) */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  /* Section padding (responsive) */
  --section-padding: clamp(4rem, 8vw, 10rem);

  /* Max width */
  --container-width: 1200px;
}