/* ============================================================
   BrewMore — design tokens
   1:1 with the brand system used across brewmoreapp, the vendor
   counter app and the portal/admin dashboards. Two worlds: warm
   cream for the member side, warm near-black for the café side.
   ============================================================ */
:root {
  /* --- brand core --- */
  --ink: #1c1b1a;
  --ink-soft: #211e1f;
  --ink-card: #252422;
  --ink-line: #34322f;
  --ink-line-soft: #2c2a28;

  --gold: #96782a;
  --gold-bright: #b6953a;
  --bean: #ffd15c;

  /* --- warm light surfaces --- */
  --cream: #fdfaf2;
  --paper: #fffdf7;
  --hairline: #ece6d4;
  --hairline-strong: #e0d8c1;

  /* --- text --- */
  --text-on-ink: #f6f1e6;
  --text-on-ink-dim: #aaa6a3;
  --text-on-ink-faint: #6f6a64;
  --text: #32312f;
  --text-dim: #8a857d;
  --brown: #332500;

  /* --- accents --- */
  --green: #35bb6a;
  --green-dark: #1f8d4b;
  --green-light: #aef5b5;
  --green-bright: #87fa93;
  --green-wash: rgba(135, 250, 147, 0.2);
  --red: #ea5443;
  --red-soft: #ffcdc8;

  /* --- gradients --- */
  --grad-button: linear-gradient(180deg, #403d3b 0%, #1c1b1a 100%);
  --grad-gold: linear-gradient(135deg, #ffd15c 0%, #b6953a 55%, #96782a 100%);
  --grad-scan: radial-gradient(120% 90% at 50% 0%, #2a2724 0%, #1c1b1a 55%, #161513 100%);

  /* --- type --- */
  --font-display: "SFVision", "AtHuss", system-ui, sans-serif;
  --font-body: "AtHuss", system-ui, -apple-system, sans-serif;

  --t-hero: 800 clamp(2.9rem, 6.4vw, 5.4rem) / 0.98 var(--font-display);
  --t-h2: 800 clamp(2rem, 4vw, 2.9rem) / 1.06 var(--font-display);
  --t-h3: 800 1.35rem/1.15 var(--font-display);
  --t-label: 700 0.72rem/1 var(--font-body);
  --t-body: 500 1.02rem/1.55 var(--font-body);
  --t-small: 500 0.86rem/1.45 var(--font-body);

  /* --- shape / spacing --- */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 40px;
  --r-pill: 999px;

  /* --- elevation --- */
  --shadow-pass: 0 30px 70px -26px rgba(28, 23, 10, 0.42), 0 6px 16px -8px rgba(28, 23, 10, 0.28);
  --shadow-card: 0 14px 34px -20px rgba(40, 30, 5, 0.32);

  --wrap: 1180px;
}