/* SaaSChef theme — brand colours override Bulma defaults (item 1, todo.txt)
   Palette: Parchment #FAF6EF, Ink #1E1B16, Amber #E9A13B (primary),
   Sage #5B7553, Signal Red #C0392B (negative verdicts only),
   Linen #EFE7D8, Umber #6B655B. Dark: #171412 / #F3EDE2. */

:root {
  --sc-parchment: #FAF6EF;
  --sc-ink: #1E1B16;
  --sc-amber: #E9A13B;
  --sc-amber-dark: #C9852A;
  --sc-sage: #5B7553;
  --sc-red: #C0392B;
  --sc-linen: #EFE7D8;
  --sc-umber: #6B655B;
  --sc-font-display: 'Fraunces', Georgia, serif;
  --sc-font-body: 'Inter', system-ui, sans-serif;
  --sc-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

:root {
  --bulma-primary: var(--sc-amber);
  --bulma-primary-rgb: 233 161 59;
  --bulma-info: var(--sc-sage);
  --bulma-success: var(--sc-sage);
  --bulma-danger: var(--sc-red);
  --bulma-warning: var(--sc-amber);
  --bulma-scheme-main: var(--sc-parchment);
  --bulma-scheme-main-bis: var(--sc-parchment);
  --bulma-scheme-main-ter: var(--sc-linen);
  --bulma-scheme-invert: var(--sc-ink);
  --bulma-text: var(--sc-ink);
  --bulma-text-strong: var(--sc-ink);
  --bulma-text-muted: var(--sc-umber);
  --bulma-border: var(--sc-linen);
  --bulma-link: var(--sc-ink);
  --bulma-background: var(--sc-parchment);
}

html { background: var(--sc-parchment); }

body {
  font-family: var(--sc-font-body);
  background: var(--sc-parchment);
  color: var(--sc-ink);
}

h1, h2, h3, .title { font-family: var(--sc-font-display); }
.is-mono { font-family: var(--sc-font-mono) !important; }

/* Components */
.button.is-primary {
  background: var(--sc-amber);
  border-color: var(--sc-amber);
  color: var(--sc-ink);
  font-weight: 600;
}
.button.is-primary:hover { background: var(--sc-amber-dark); border-color: var(--sc-amber-dark); }
.button.is-light { background: var(--sc-linen); color: var(--sc-ink); border-color: var(--sc-linen); }
.button.is-light:hover { border-color: var(--sc-umber); }

.navbar { background: var(--sc-parchment); border-bottom: 1px solid var(--sc-linen); }
.navbar-item.is-active { border-bottom: 3px solid var(--sc-amber); color: var(--sc-ink) !important; }
.navbar-item:hover { color: var(--sc-amber-dark) !important; }

/* Score plate: amber ring, mono number */
.score-plate {
  display: inline-flex; flex-direction: column; align-items: center;
  justify-content: center; border-radius: 50%;
  border: 4px solid var(--sc-amber);
  background: #fff;
  font-family: var(--sc-font-mono);
  min-width: 64px; min-height: 64px;
  line-height: 1;
}
.score-plate .score-value { font-size: 1.35rem; font-weight: 700; color: var(--sc-ink); }
.score-plate .score-max { font-size: 0.7rem; color: var(--sc-umber); }

/* Verdict chips */
.verdict-chip {
  display: inline-block; padding: 2px 10px; border-radius: 3px;
  font-weight: 700; font-size: 0.8rem; letter-spacing: 0.02em;
  text-transform: uppercase;
}
.verdict-chip.v-buy { background: var(--sc-amber); color: var(--sc-ink); }
.verdict-chip.v-taste-it { background: var(--sc-linen); color: var(--sc-ink); }
.verdict-chip.v-consider { background: var(--sc-umber); color: #fff; }
.verdict-chip.v-send-back { background: var(--sc-red); color: #fff; }
.verdict-chip.v-in-kitchen { background: var(--sc-linen); color: var(--sc-umber); }

/* Status chips */
.status-chip {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 10px; border-radius: 9999px; font-size: 0.75rem; font-weight: 600;
}
.status-chip.s-live { background: var(--sc-sage); color: #fff; }
.status-chip.s-ending { background: var(--sc-amber); color: var(--sc-ink); }
.status-chip.s-relisted { background: var(--sc-umber); color: #fff; }
.status-chip.s-off { background: #4a453e; color: var(--sc-parchment); }

/* Tested stamp */
.tested-stamp {
  display: inline-block; font-size: 0.72rem; color: var(--sc-umber);
  border: 1px dashed var(--sc-linen); border-radius: 3px; padding: 1px 6px;
  font-family: var(--sc-font-mono);
}

/* Deal card */
.deal-card { height: 100%; display: flex; flex-direction: column; }
.deal-card .card-content { flex: 1; }
a { color: var(--sc-ink); }
a:hover { color: var(--sc-amber-dark); }
.card a { color: var(--sc-ink); }
.breadcrumb a { color: var(--sc-umber); }
.breadcrumb a:hover { color: var(--sc-amber-dark); }
.card a:hover { color: var(--sc-amber-dark); }
.price-normal { text-decoration: line-through; color: var(--sc-umber); font-family: var(--sc-font-mono); }
.price-offer { color: var(--sc-ink); font-family: var(--sc-font-mono); font-weight: 700; }

/* Ticker: CSS marquee, pauses on hover */
.ticker { overflow: hidden; border-block: 1px solid var(--sc-linen); background: var(--sc-linen); }
.ticker-track {
  display: inline-flex; gap: 2rem; padding: 6px 0;
  white-space: nowrap; animation: ticker-scroll 40s linear infinite;
  will-change: transform;
}
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-item {
  font-family: var(--sc-font-mono); font-size: 0.8rem; color: var(--sc-ink);
  display: inline-flex; gap: 6px; align-items: center;
}
@keyframes ticker-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Newsletter band */
.newsletter-band { background: var(--sc-ink); color: var(--sc-parchment); }
.newsletter-band .title { color: var(--sc-parchment); }

/* Footer */
.footer { background: var(--sc-parchment); border-top: 1px solid var(--sc-linen); color: var(--sc-umber); }
.footer a { color: var(--sc-umber); }
.footer a:hover { color: var(--sc-amber-dark); }

.breadcrumb li.is-active a { color: var(--sc-ink); }