/* ===================================================================
   NW Bee Club — design tokens
   Almanac (public) + Editorial (members) palettes, typography
   =================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,400;1,9..144,500;1,9..144,600;1,9..144,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Rozha+One&display=swap");

:root {
  /* --- Almanac (public surface) ----------------------------------- */
  --al-paper: #f3ead0;
  --al-paper-deep: #e8dcb6;
  --al-paper-soft: #f6efdc;
  --al-rule: #caba88;
  --al-rule-soft: #e6dcc1;
  --al-ink: #231d10;
  --al-ink-soft: #574a2c;
  --al-ink-muted: #5a5040;
  --al-honey: #c8961c;
  --al-honey-deep: #7a570a;
  --al-honey-light: #e8c46b;
  --al-honey-bright: #f1c33a;
  --al-moss: #41502a;
  --al-moss-deep: #2a3618;
  --al-white: #ffffff;
  --al-cream-2: #ede3c5;

  /* --- Editorial (members surface) -------------------------------- */
  --ed-honey-50: #fdf7e6;
  --ed-honey-100: #faecc6;
  --ed-honey-200: #f5d98a;
  --ed-honey-300: #ecc24f;
  --ed-honey-400: #d9a722;
  --ed-honey-500: #b88912;
  --ed-honey-600: #8f680b;
  --ed-honey-700: #7d5a0a;
  --ed-forest-900: #1f2a16;
  --ed-forest-800: #2d3b1f;
  --ed-forest-700: #3b4d2a;
  --ed-forest-600: #4f6638;
  --ed-cream: #fbf6e9;
  --ed-cream-2: #f4ecd6;
  --ed-cream-3: #ede3c5;
  --ed-paper: #f6efdc;
  --ed-ink: #1d1a14;
  --ed-ink-2: #2a2419;
  --ed-ink-soft: #5a4f3c;
  --ed-ink-muted: #5a5040;
  --ed-line: #e6dcc1;

  /* --- Typography ramp -------------------------------------------- */
  --ff-display: "Fraunces", Georgia, serif;
  --ff-editorial: "Rozha One", "Fraunces", Georgia, serif;
  --ff-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ff-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* over-50s readability: body floor 15px, never below 13px */
  --fs-eyebrow: 11px;
  --fs-meta: 13px;
  --fs-body: 16px;
  --fs-body-lg: 17px;
  --fs-lead: 19px;
  --fs-h4: 22px;
  --fs-h3: 26px;
  --fs-h2: 36px;
  --fs-h1: 56px;
  --fs-display: 76px;

  /* --- Layout ----------------------------------------------------- */
  --container-max: 1280px;
  --gutter: 56px;
  --gutter-mobile: 20px;
  --section-y: 64px;
  --section-y-mobile: 40px;
}