:root {
  --market-ink: #172b36;
  --market-muted: #617582;
  --market-accent: #087f69;
  --market-accent-hover: #055d50;
  --market-background: #f5f8f8;
  --market-surface: #ffffff;
  --market-border: #dfe8e7;
  --market-radius: 16px;
  --market-shadow: 0 8px 28px rgba(21,48,55,.07);
  --market-space-1: 4px;
  --market-space-2: 8px;
  --market-space-3: 12px;
  --market-space-4: 16px;
  --market-space-6: 24px;
  --market-space-8: 32px;
  color-scheme: light;
}
.market-shell { max-width: 1240px; margin-inline: auto; padding-inline: 20px; }
.market-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; background: var(--market-accent); border: 1px solid var(--market-accent); border-radius: 10px; color: white; text-decoration: none; font-weight: 700; }
.market-button:hover { background: var(--market-accent-hover); }
.market-button:focus-visible { outline: 3px solid #63cfba; outline-offset: 3px; }
.market-card { background: var(--market-surface); border: 1px solid var(--market-border); border-radius: var(--market-radius); box-shadow: var(--market-shadow); overflow: hidden; }
@media (max-width: 600px) { .market-shell { padding-inline: 12px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0s !important; } }