/* ============================================================
   Gaon Dry Fruits — Design Tokens & Webfonts
   Load this BEFORE style.css on every page.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* ---------------- typography ---------------- */
  --font-body: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;

  /* ---------------- radius scale ---------------- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* ---------------- spacing scale ---------------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 48px;
  --sp-10: 64px;
  --sp-11: 80px;
  --sp-12: 96px;

  /* ---------------- z-index scale ---------------- */
  --z-header: 100;
  --z-bottomnav: 150;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;

  /* ---------------- semantic status ---------------- */
  --success: #1d6b35;
  --success-soft: #e4f3e8;
  --warning: #a06b00;
  --warning-soft: #fdf3e0;
  --info: #20589b;
  --info-soft: #e7effa;
  --danger-soft: #fdecea;

  /* ---------------- gold family (absorbs hardcoded hexes) ---------------- */
  --gold-light: #ffe9a8;
  --gold-bright: #ffd76a;
  --gold-mid: #e6c25a;
  --gold-deep: #d9b23c;
  --gold-ink: #3a2c05;

  /* ---------------- header & safe-area ---------------- */
  --header-h: 72px;
  --header-h-m: 52px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}