/* ============================================================================
   EO events — design tokens.
   Light, quiet, generous. The member is reading between meetings: the page has to
   feel like a page, not an application.
   ========================================================================= */
:root{
  /* ground — warm off-white, not a grey dashboard */
  --paper:#FBFAF8;
  --surface:#FFFFFF;
  --surface-2:#F4F2EE;
  --surface-3:#EAE7E1;

  /* ink */
  --ink:#141311;
  --ink-2:#565248;
  --ink-3:#8C877C;

  /* one accent — EO navy */
  --accent:#123A63;
  --accent-2:#1B5C9B;
  --accent-soft:#E8EFF6;
  --accent-ink:#FFFFFF;

  /* event types — each one distinct at a glance, none of them shouting */
  --t-learning:#1B5C9B; --t-learning-soft:#E7EFF7;
  --t-forum:#7A4FBF;    --t-forum-soft:#F0EAFA;
  --t-chapter:#B4632A;  --t-chapter-soft:#FAEDE2;
  --t-global:#136B53;   --t-global-soft:#E4F2ED;
  --t-social:#B03A5B;   --t-social-soft:#FBE9EE;
  --t-other:#6B6B6B;    --t-other-soft:#EFEFEF;

  /* used only by the demo-data banner */
  --warn:#8A4B10; --warn-soft:#FBF0E4;

  --rule:rgba(20,19,17,.10);
  --rule-2:rgba(20,19,17,.06);

  /* elevation — barely there; this is paper, not glass */
  --e1:0 1px 2px rgba(20,19,17,.04), 0 1px 3px rgba(20,19,17,.03);
  --e2:0 2px 4px rgba(20,19,17,.05), 0 6px 16px -6px rgba(20,19,17,.10);
  --e3:0 8px 24px -8px rgba(20,19,17,.16);

  --r-sm:8px; --r:14px; --r-lg:20px; --r-pill:999px;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px;

  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'Inter',sans-serif;

  --maxw:1080px;
  --col:760px;        /* the reading column: event page cards and hero text share it */
}