/* georgemain.com — design tokens
   Flat background, narrow column, retro personal-site feel.
   :root holds dark defaults; .light overrides them.
*/

:root {
  /* ── palette: dark (the base; .light overrides) ─────────── */
  --bg:       #16130f;
  --bg-2:     #1d1915;
  --bg-3:     #26211b;
  --ink:      #ece6d8;
  --ink-2:    #a8a097;
  --ink-3:    #6d665d;
  --rule:     #2d2822;
  --rule-2:   #3d362d;
  /* signature accent — red, only red. */
  --accent:   #e84a3f;
  --accent-2: #ff8a7a;
  --accent-3: #4a1812;
  --selection: rgba(232,74,63,.32);

  /* no grid texture — flat background. */
  --grid-color: transparent;
  --grid-size: 32px;

  /* ── type ────────────────────────────────────────────────── */
  --font-mono:  "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-body:  "IBM Plex Serif", Georgia, "Iowan Old Style", serif;

  --fs-tiny:   12px;
  --fs-small:  14px;
  --fs-body:   18px;
  --fs-lg:     20px;
  --fs-xl:     24px;
  --fs-2xl:    30px;
  --fs-3xl:    38px;
  --fs-mega:   48px;

  --lh-tight: 1.2;
  --lh-snug:  1.4;
  --lh-body:  1.65;

  /* ── spacing ─────────────────────────────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;

  /* ── layout — narrow on purpose ─────────────────────────── */
  --reading-width: 680px;
  --content-width: 760px;
  --max-width:    820px;
  --page-gutter:  32px;

  /* ── motion ──────────────────────────────────────────────── */
  --ease: cubic-bezier(.2,.7,.3,1);
}

/* ── light mode (palette swap only — no layout changes) ──── */
.site-page.light,
.light .site-page {
  --bg:       #f5f0e6;
  --bg-2:     #ede7d7;
  --bg-3:     #e0d9c6;
  --ink:      #1c1814;
  --ink-2:    #564f47;
  --ink-3:    #908779;
  --rule:     #d6cdb9;
  --rule-2:   #b8ad97;
  --accent:   #b8281a;
  --accent-2: #8c1d10;
  --accent-3: #f0d0c8;
  --selection: rgba(184,40,26,.20);
  --grid-color: transparent;
}