/*
  Subject list:
  1. Store name: qa2-05-dec931 (site title qa109-05-818fe3)
  2. Products: Canvas Tote (RM20) & Ceramic Mug (RM15)
  3. Physical materials: natural woven cotton canvas, hand-thrown speckled ceramic glaze
  4. Numbers: exactly 2 units initial stock each, RM20 and RM15 cash on delivery
  5. Rituals: unboxing tactile everyday daily goods, morning coffee in a mug, walking out with a tote
  6. Tone: warm artisanal workshop, calm everyday utility, honest tactile inventory
  7. Interaction: atomic server allocation with live stock counter and clear COD checkout

  The idea:
  On this site, the inventory card behaves like a physical stock ledger where unit availability directly meters the cart counter and checkout lock.
  Competitor test: A generic supermarket or massive marketplace would have endless infinite catalogues and complex merchant hubs; here the two curated goods and strictly metered stock are the whole shop.

  Bold element:
  A clear real-time stock meter badge on each product and in the cart that communicates exact live units without gimmicks.
*/

:root {
  --color-ground: #f7f5f0;
  --color-surface: #ffffff;
  --color-surface-soft: #f0ece1;
  --color-ink: #1e2321;
  --color-ink-muted: #5e6660;
  --color-accent: #2d5a43;
  --color-accent-hover: #224533;
  --color-accent-subtle: #e5ede8;
  --color-border: #dcd6c8;
  --color-danger: #9c2e2e;
  --color-danger-subtle: #fbeeed;

  --font-display: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
  --font-body: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;

  --font-size-hero: clamp(2rem, 4vw, 3rem);
  --font-size-title: clamp(1.4rem, 2.5vw, 1.9rem);
  --font-size-subtitle: 1.15rem;
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  --radius: 0px;
}