/* ==========================================================================
   Fracture — Digital Fracture's own house theme. PRIVATE: this file is
   gitignored and ships only on Digital Fracture's own store, never in the
   distributed product. It restores the original dark junkyard look (orange
   #FF4D00, translucent glass panels, the frozen gradient sky) by setting the
   engine tokens. Pure token/skin overrides over store.css: no structure.
   ========================================================================== */

:root {
  --accent:       #FF4D00;                 /* brand orange */
  --accent-hover: #ff7a3d;                 /* orange hover */
  --text:         #FFFDF9;                 /* primary text */
  --on-accent:    #1a0c04;                 /* text on the orange fill */
  --bg:           #0c0b0a;                 /* page background */
  --text-muted:   #b9b3aa;                 /* secondary text */
  --border:       rgba(255,253,249,.14);   /* borders */
  --panel:        rgba(255,253,249,.045);  /* panels */
  --card:         rgba(255,253,249,.07);   /* cards */
  --nav:          rgba(12,11,16,.66);      /* pill nav + footer */
  --menu:         rgba(14,12,18,.97);      /* dropdowns, menus, toasts */
  --field:        rgba(14,12,18,.55);      /* glass form controls */
  --glass:       blur(16px) saturate(150%); /* the translucent panel blur */
  --font:        'Sora', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --radius:      16px;
}

/* The frozen junkyard sky (radial orange glow over a deep vertical gradient). */
.shop-scene {
  background:
    radial-gradient(120% 80% at 50% 120%, rgba(255,77,0,.22) 0%, rgba(255,77,0,0) 55%),
    linear-gradient(180deg, #0a0a14 0%, #14101c 16%, #241526 48%, #3a1c1e 74%, #1a0f0c 100%);
}