/* wealth-management — brand tokens.
   Edit this file to rebrand. Loaded BEFORE the inline <style> in index.html,
   so every var() reference in the template resolves to these values. */
:root {
  --ink:#1C1E22;          /* charcoal */
  --graphite:#2E3238;
  --graphite-2:#454B53;
  --slate:#666E77;
  --mist:#A8AEB5;
  --ivory:#F6F3EC;
  --paper:#FCFAF6;
  --rule:#E2DDD2;
  --rule-dk:rgba(246,243,236,.14);
  --bronze:#8C6A3F;       /* large fills, display, rules */
  --bronze-aa:#79582F;    /* AA on ivory for small text */
  --bronze-lt:#C6A575;    /* on dark */
  --bronze-soft:rgba(140,106,63,.10);

  --ff-display:'Fraunces',Georgia,serif;
  --ff-body:'Inter',system-ui,sans-serif;
  --ff-mono:'IBM Plex Mono',ui-monospace,monospace;

  /* scale — 13 sizes */
  --t-mono:11px; --t-xs:12px; --t-sm:14px; --t-base:16px; --t-md:17px;
  --t-lg:20px;  --t-xl:24px; --t-2xl:30px; --t-3xl:38px; --t-4xl:46px;
  --t-5xl:56px; --t-6xl:68px; --t-7xl:84px;

  --gut:60px; --maxw:1200px; --r:2px;
}