:root {
  --brand-700: #5b36c6;
  --brand-800: #3d218e;
  --market-500: #6d43d8;
  --market-soft: #f0ebff;
  --water-700: #167fbc;
  --water-500: #25a4df;
  --water-soft: #e7f7ff;
  --promo-500: #f5c844;
  --ink-900: #171226;
  --ink-600: #686477;
  --surface: #f7f7f8;
  --surface-soft: #efedf5;
  --surface-card: #ffffff;
  --border: #e5e1ee;
  --danger: #ba1a1a;
  --success-soft: #e9f8f0;
  --shadow-sm: 0 4px 16px rgba(38, 23, 80, .06);
  --shadow-md: 0 12px 28px rgba(38, 23, 80, .12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --content-width: 1280px;
  --gutter: 32px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
}

@media (max-width: 1023px) {
  :root { --gutter: 24px; }
}

@media (max-width: 639px) {
  :root { --gutter: 16px; }
}