/* Scroggy's Dopamart — brand tokens. Structure lives in /shared/css/base.css.
   Acid-green screenprint on charcoal. */

:root{
  --accent:#d5ed58; --ink:#171817; --surface:#232522; --paper:#f0f0e6;
  --muted:#bdbfb2; --line:#41443b;
  --deal:#ff5a5f; --gold:#ffd15c; --coin:#d5ed58;
  --accent-hover:var(--paper);   /* acid green lightens to paper on hover */
  --r-control:4px; --r-panel:8px; --r-card:10px;
  --gap:14px; --wrap:1240px;
  --shadow:0 12px 30px #0007;
  --display:"Henny Penny",Georgia,serif;
  --body:"Plus Jakarta Sans",system-ui,sans-serif;
  /* the Scroggygames four-point star, used as the Dop Coin / dollar-sign mark */
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 0 25 14 40 20 25 26 20 40 14 26 0 20 14 14Z'/%3E%3C/svg%3E");

  /* --- tokens extracted from the old hardcoded literals ------------------ */
  --on-deal:#fff;                 /* text on the red deal/count badges */
  --media-bg:#1b1c1a;             /* image well behind product photos */
  --placeholder:#7c7f74;          /* form placeholder text */
  --scrim-1:#000a;                /* drawer scrim / small overlays */
  --scrim-2:#000c;                /* modal backdrops */
  --scrim-3:#000d;                /* wheel backdrop */
  --scrim-soft:#0008;             /* soft drop-shadows */
  /* alternating wheel wedges; --wheel-x is the FREE/SUPER SPIN wedge. The
     label on each takes its colour from the matching *-ink token. */
  --wheel-a:#242721; --wheel-b:#191b18; --wheel-x:var(--accent);
  --wheel-a-ink:var(--paper); --wheel-b-ink:var(--paper); --wheel-x-ink:var(--ink);
  --spiral-glow:#e9f4c6;          /* wide soft stroke under the spiral */
  /* animated sky */
  --sky-glow:rgba(235,242,255,.14);
  --sky-1:#2c3760; --sky-2:#1b2238; --sky-3:#14161f;
  --cloud-1:rgba(244,248,255,.10); --cloud-2:rgba(244,248,255,.07);
  --cloud-3:rgba(244,248,255,.08); --cloud-4:rgba(244,248,255,.05);
  --cloud-5:rgba(244,248,255,.045);
}