/* GENERATED from brand.yaml by render_tokens.py — DO NOT EDIT BY HAND.
   The WEB token artifact of the HeyLoopy brand book. field.css (and other web
   surfaces) consume these. Ripple = edit brand.yaml, re-run render_tokens.py,
   copy here, redeploy. Validate a consumer with brand_check.py. */
:root{
  /* type */
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --display:'Fraunces',Georgia,'Times New Roman',serif;
  /* space */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:28px;
  --space-8:40px;
  --space-9:52px;
  --space-10:64px;
  --space-11:72px;
  /* radius */
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:20px;
  --radius-pill:99px;
  --radius-round:50%;
  /* elevation (focal amber --glow is a palette token, below) */
  --shadow-raised:0 40px 80px -42px rgba(120,70,25,.30);
  --shadow-lift:0 22px 44px -26px rgba(20,16,12,.45);
  --shadow-overlay:0 50px 100px -40px rgba(20,16,12,.60);
  /* z-index ladder */
  --z-ground:0;
  --z-menu:55;
  --z-nav:60;
  --z-cta:150;
  --z-modal:200;
  /* palette — light (book names aliased to the site's legacy var names) */
  --bg:#FAF6F0;
  --fg:#1B1714;
  --muted:#6C6358;
  --surf:#FFFFFF;
  --bd:#E8E1D6;
  --bd2:#DAD1C3;
  --accent:#C2611F;
  --accent-ink:#FFFFFF;
  --accent-text:#AB531A;
  --accent-soft:#FBEADD;
  --cool:#5277A8;
  --slate-text:#2F4B73;
  --slate-soft:#E6EDF5;
  --slate-ink:#FFFFFF;
  --ok:#2FA37A;
  --ok-soft:#E2F2EB;
  --warn:#C8912F;
  --bad:#C5523E;
  --glow:0 12px 26px -12px rgba(194,97,31,.42);
}
.dark{
  /* dark palette — only the keys field.css currently overrides, for 1:1 parity.
     Held convergence findings (NOT applied here): dark slate #7596C4, dark ok_soft. */
  --bg:#0B0B11;
  --fg:#F2F3F5;
  --muted:#9BA0AB;
  --surf:#14141D;
  --bd:#262631;
  --bd2:#343443;
  --accent:#E08A3C;
  --accent-ink:#1A1206;
  --accent-text:#F0A45C;
  --accent-soft:rgba(224,138,60,.14);
  --glow:0 14px 30px -12px rgba(224,138,60,.4);
}