:root {
  /* Core palette pulled from EQ iOS baseline */
  --color-primary: #005C53;
  --color-primary-soft: #5CD8CA;
  --color-primary-dark: #003D37;
  --color-secondary: #F2B705;
  --color-secondary-strong: #E65100;

  --color-bg: #0F1212;
  --color-surface: #131a1a;
  --color-surface-strong: #171a1a;
  --color-border: #1f2a2a;
  --color-border-strong: #273333;
  --color-text: #f1f5f5;
  --color-text-dim: #c6d3d0;
  --color-text-muted: #8ba19c;
  --color-success: #34C759;

  /* Typography */
  --font-sans: 'Space Grotesk', 'Manrope', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing (iOS 8pt grid inspired) */
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Shadows (web-friendly translation of iOS presets) */
  --shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.28);
  --shadow-card: 0 20px 48px rgba(0, 0, 0, 0.35);
  --shadow-strong: 0 24px 70px rgba(0, 0, 0, 0.45);
}

@media (max-width: 640px) {
  :root {
    --space-xxl: 40px;
    --space-xl: 28px;
  }
}