/* ==========================================================================
   Mountain Homemade — Design Tokens
   Palette pulled from the shop's state-outline logo: deep Ozark navy,
   screen-print gold, and heart-red, on a warm cream "paper" ground.
   ========================================================================== */

:root {
  /* ---- Color: brand ---- */
  --navy: #263573;
  --navy-dark: #171f4a;
  --navy-soft: #354490;
  --gold: #ffc72c;
  --gold-deep: #e2a412;
  --red: #e2231a;
  --red-deep: #b8180f;
  --sage: #4f7942;

  /* ---- Color: surface / ink ---- */
  --cream: #fbf3dd;
  --cream-dark: #f3e6c2;
  --paper: #fffaf0;
  --ink: #1b1a14;
  --ink-soft: #4a4738;

  /* ---- Color: semantic ---- */
  --color-bg: var(--cream);
  --color-surface: var(--paper);
  --color-text: var(--ink);
  --color-text-muted: var(--ink-soft);
  --color-primary: var(--navy);
  --color-accent: var(--gold);
  --color-cta: var(--red);

  /* ---- Type ---- */
  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-script: "Caveat", cursive;
  --font-body: "Work Sans", "Segoe UI", sans-serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.95rem);
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);
  --step-2: clamp(1.6rem, 1.4rem + 0.9vw, 2.1rem);
  --step-3: clamp(2.1rem, 1.7rem + 1.8vw, 3.1rem);
  --step-4: clamp(2.75rem, 2.1rem + 3vw, 4.6rem);
  --step-5: clamp(3.4rem, 2.4rem + 4.6vw, 6.2rem);

  /* ---- Space ---- */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1.25rem;
  --space-4: 2rem;
  --space-5: 3.25rem;
  --space-6: 5rem;
  --space-7: 8rem;

  /* ---- Structure ---- */
  --radius-tag: 6px;
  --border-thick: 3px;
  --border-hairline: 1.5px;
  --max-width: 1240px;
  --shadow-stamp: 0.35rem 0.35rem 0 0 var(--ink);
  --shadow-stamp-sm: 0.2rem 0.2rem 0 0 var(--ink);

  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Intentionally keep the paper/poster look consistent in dark OS mode;
       the brand is a physical shop, not a dark-mode product. */
  }
}