:root {
  /* Neutral launch-ready marketplace theme.
     Vertical products should override brand-facing tokens in brand.css. */
  --color-primary: #28343d;
  --color-primary-strong: #172027;
  --color-primary-soft: #edf1f3;
  --color-secondary: #6c7780;
  --color-accent: #9a7a45;
  --color-accent-strong: #7f6031;
  --color-accent-soft: #f4efe6;

  --color-background: #ecefed;
  --color-surface: #ffffff;
  --color-surface-subtle: #f7f8f7;
  --color-surface-strong: #1b242b;
  --color-text: #1b2329;
  --color-muted: #68727a;
  --color-border: #d5dbd8;
  --color-border-strong: #b9c2bd;

  --color-success: #2e6d4c;
  --color-success-soft: #e8f3ed;
  --color-warning: #8b641c;
  --color-warning-soft: #f9f0d9;
  --color-danger: #a53c32;
  --color-danger-soft: #f8e9e7;
  --color-info: #3f6f8e;
  --color-info-soft: #e9f1f6;

  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: var(--font-body);

  --radius-sm: 0.3rem;
  --radius-md: 0.45rem;
  --radius-lg: 0.65rem;
  --radius-pill: 999px;

  --shadow-sm: 0 3px 10px rgba(21, 31, 37, 0.06);
  --shadow-md: 0 12px 32px rgba(21, 31, 37, 0.10);
  --shadow-lg: 0 20px 54px rgba(21, 31, 37, 0.15);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --content-width: 74rem;
  --content-narrow: 50rem;
  --control-height: 2.85rem;
}