/* ──────────────────────────────────────────────────────────────────
   Toore — Signature gradients
   The brand's hero atmosphere is a two-layer sweep: cool blue mist
   from the upper-left, warm sunrise from the lower-right. The
   originals in the brandboard are centered radials, but those read as
   bullseyes on anything wider than a small tile — these off-center
   ellipses preserve the color story while feeling atmospheric at any
   aspect ratio. Never tile this as a pattern.
   ────────────────────────────────────────────────────────────────── */

:root {
  --grad-sunrise: radial-gradient(ellipse 140% 160% at 100% 100%,
                  var(--yellow-100) 0%,
                  rgba(255,213,130,0.7) 28%,
                  rgba(255,196,79,0.42) 55%,
                  rgba(255,245,225,0.22) 80%,
                  rgba(255,255,255,0) 100%); /* @kind other */

  --grad-blue-mist: radial-gradient(ellipse 130% 150% at 0% 0%,
                  rgba(96,110,180,0.40) 0%,
                  rgba(96,110,180,0.18) 30%,
                  rgba(96,110,180,0.05) 60%,
                  rgba(255,255,255,0) 100%); /* @kind other */

  /* Combined hero — use as a single background-image stack */
  --grad-hero: var(--grad-blue-mist), var(--grad-sunrise), #fff; /* @kind other */

  /* Linear cream → amber: small chips and warm tiles */
  --grad-tile: linear-gradient(180deg, var(--yellow-50) 0%, var(--yellow-100) 100%); /* @kind other */
}