/* ============================================================
   GrowMyPractice Brand Book v3 — token layer
   GENERATED from brand/design-system/tokens.json. Do not hand-edit.
   Regenerate: node brand-book/_build/gen-tokens.js
   Source of truth: brand/design-system/BRAND-GUIDELINES.md
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400..900&family=Newsreader:ital,opsz,wght@0,6..72,400..700;1,6..72,400..700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  /* surfaces */
  --cream:#FDFCF8;
  --bone:#FFFFFF;
  --dark:#17160F;
  --dark-elev:#1F1D16;

  /* ink + text */
  --ink:#1C1B17;
  --text-body:#34332b;
  --text-muted:#56533f;
  --text-faint:#8a8676;
  --muted:#9a9685;
  --on-dark:#E8E3D6;

  /* sage — the only accent */
  --sage:#5F6E50;
  --sage-light:#B2BF9B;
  --sage-press:#54624a;
  --sage-tint:rgba(95,110,80,.09);

  /* hairlines */
  --hair:rgba(28,27,23,0.12);
  --hair-d:rgba(232,227,214,0.14);

  /* type */
  --sans:'Schibsted Grotesk','Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;

  /* radius */
  --r-sm:10px; --r-md:16px; --r-lg:20px; --r-pill:99px;

  /* elevation */
  --shadow-card:0 2px 4px rgba(28,27,23,.04),0 24px 60px -28px rgba(28,27,23,.22);
  --shadow-pop:0 2px 4px rgba(28,27,23,.05),0 22px 52px -20px rgba(28,27,23,.26);

  /* layout */
  --maxw:1080px; --maxw-wide:1180px; --bp-mobile:820px;
  --space-eyebrow:27px;

  /* spacing scale used by the deck chrome */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
}