/* Direction: open-air terminal market — fresh leaf green, chalk-cream paper, a bold grotesque */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f5f7ee;
  --surface: #ffffff;
  --surface-2: #e9ece2;
  --border: #d4d7ce;
  --border-strong: #aeb2a9;
  --ink: #1b2a1a;
  --muted: #61695e;
  --accent: #2f7a34;
  --accent-hover: #28682c;
  --accent-ink: #ffffff;
  --accent-text: #25692a;
  --accent-strong: #2b7030;
  --accent-soft: #e0eed3;
  --accent-border: #9cbf9a;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dae9d9;
  --success-strong: #137638;
  --warning: #b7650b;
  --warning-ink: #ffffff;
  --warning-soft: #eee5d3;
  --warning-strong: #9b5609;
  --danger: #b3261e;
  --danger-ink: #ffffff;
  --danger-soft: #edded5;
  --danger-strong: #b3261e;
  --chart-1: #2f7a34;
  --chart-2: #0e939e;
  --chart-3: #2c4c98;
  --chart-4: #a25fa7;
  --chart-5: #882828;
  --chart-6: #a0780a;

  --font-display: "Bricolage Grotesque", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius-card: 16px;
  --radius-btn: 999px;
  --display-weight: 700;
  --display-tracking: -0.03em;
  --x-band: #17331a;
  --x-on-photo: #f5f7ee;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #071107;
  --surface: #202920;
  --surface-2: #131d13;
  --border: #2a322a;
  --border-strong: #515851;
  --ink: #f5f7ee;
  --muted: #969b92;
  --accent: #2f7a34;
  --accent-hover: #4e8e52;
  --accent-ink: #ffffff;
  --accent-text: #6aa06e;
  --accent-strong: #5d9861;
  --accent-soft: #102811;
  --accent-border: #19401b;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #0a2913;
  --success-strong: #499c68;
  --warning: #b7650b;
  --warning-ink: #ffffff;
  --warning-soft: #2e2308;
  --warning-strong: #c27c31;
  --danger: #b3261e;
  --danger-ink: #ffffff;
  --danger-soft: #2d160c;
  --danger-strong: #cd706b;
  --chart-1: #35803a;
  --chart-2: #1c99a4;
  --chart-3: #597dce;
  --chart-4: #a864ad;
  --chart-5: #c25d58;
  --chart-6: #a67e17;
}

.price-row { transition: background-color .15s ease; }
.price-row:hover { background: var(--accent-soft); }
.hero-glow {
  background:
    radial-gradient(60% 80% at 90% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%),
    radial-gradient(40% 60% at 0% 100%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%);
}
@keyframes pulse-dot { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.6); opacity: .5; } }
.live-dot { animation: pulse-dot 2s ease-in-out infinite; }
html.reduced-motion .live-dot { animation: none; }