/**
 * MX2 design tokens.
 *
 * Skeleton only — placeholder defaults. Replace TODO values with the real
 * MX2 design system before launch.
 */
:root {
  /* Color — TODO: replace with MX2 brand palette. */
  --mx2-color-bg: #ffffff;
  --mx2-color-fg: #1a1a1a;
  --mx2-color-primary: #0b5fff; /* TODO: brand primary */
  --mx2-color-primary-contrast: #ffffff;
  --mx2-color-muted: #6b7280;
  --mx2-color-border: #e5e7eb;

  /* Typography — TODO: replace with MX2 type scale. */
  --mx2-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mx2-font-size-base: 16px;
  --mx2-line-height-base: 1.5;

  /* Spacing scale — TODO: tune to design. */
  --mx2-space-1: 0.5rem;
  --mx2-space-2: 1rem;
  --mx2-space-3: 1.5rem;
  --mx2-space-4: 2rem;
  --mx2-space-6: 3rem;

  /* Radii / shadows — TODO. */
  --mx2-radius: 8px;
  --mx2-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  /* Layout — TODO. */
  --mx2-container-max: 1100px;
}