:root {
  /* Color tokens (placeholders) */
  --color-bg: #ffffff;
  --color-surface: #f7f7f7;
  --color-text: #141414;
  --color-muted: #5f5f5f;
  --color-accent: #c0202b;
  --color-border: #e3e3e3;
  --color-accent-soft: #f7e6e8;

  /* Typography */
  --font-sans: "Satoshi", "Space Grotesk", "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-xxl: 2.25rem;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Radius + shadow */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 6px 16px rgba(0, 0, 0, 0.08);
}