/* ── Theme: Vintage Cream + Red Accent ─────────────── */
:root {
  --cream: #fdf6e3;
  --cream-dark: #f5ecd5;
  --red: #b22222;
  --red-dark: #8b1a1a;
  --gold: #ffd700;
  --rust: #a0522d;
  --text: #2c2c2c;
  --text-light: #666;
  --text-muted: #8b7a67;
  --border: #e0d6c2;

  /* Typography system (storefront).
     Admin overrides body font in admin.css; admin doesn't reference --text-primary/--text-secondary,
     so these tokens are storefront-scoped in practice. */
  --font-primary: "Inter", "Helvetica Neue", Arial, sans-serif;
  --text-primary: #2c1c0e;
  --text-secondary: #5c4a3a;
  --white: #fff;
  --bg-muted: #eee;

  /* Status / stock */
  --stock-green: #2ecc40;
  --stock-orange: #ff851b;
  --stock-red: #ff4136;
  --success-text: #2d6a2d;

  /* ── Storefront extensions (vintage streetwear) ───── */
  /* Additive only — existing tokens above are unchanged so admin.css is unaffected. */
  --ink:        #1a1512;   /* headline / high-contrast text */
  --ink-soft:   #3a2e22;   /* body-weight dark tone */
  --tan:        #c9a876;
  --tan-dark:   #a88858;
  --beige:      #e8dcc2;
  --border-strong: #cbbfa3;

  /* Layered cream system — used to give shop surfaces premium depth.
     Tier order (light → dark): cream-card < cream (body) < cream-base ≈ cream-card-bottom < cream-panel.
     Additive: existing --cream / --cream-dark unchanged so admin styles stay intact. */
  --cream-base:        #f5efe4;
  --cream-panel:       #efe6d6;
  --cream-card:        #f8f4ea;
  --cream-card-bottom: #eee4d3;

  /* Radius — subtle, print-like, not SaaS-rounded */
  --radius-xs:   2px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   10px;
  --radius-pill: 999px;

  /* Shadow — soft, grounded, paper-stamp (no glass) */
  --shadow-xs:    0 1px 2px rgba(44, 28, 14, 0.06);
  --shadow-sm:    0 2px 6px rgba(44, 28, 14, 0.08);
  --shadow-md:    0 6px 14px rgba(44, 28, 14, 0.10);
  --shadow-lg:    0 12px 24px rgba(44, 28, 14, 0.14);
  --shadow-stamp: 0 2px 0 rgba(44, 28, 14, 0.20);

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
}