/* ============================================================
   theme.css — the SINGLE source of truth for Checkretire's
   design tokens (colors + fonts). Every page links this first,
   so a palette change happens in ONE place.

   Page-specific tokens (font sizes, spacing, radii that differ
   per layout) still live in each page's own stylesheet.
   ============================================================ */
:root {
  /* ---- text ---- */
  --ink:        #16161c;
  --ink-2:      #3a3a44;
  --text:       #44444e;
  --muted:      #82828c;
  --hairline:   #ececec;
  --hairline-2: #f1f2f1;

  /* ---- surfaces ---- */
  --bg:        #ffffff;
  --surface:   #ffffff;
  --panel:     #f3f4f3;

  /* ---- brand (green) ---- */
  --accent:      #3da63d;
  --accent-deep: #2e8b2e;
  --accent-soft: #e7f4e7;
  --accent-tint: #eef7ee;
  --glow:        rgba(61,166,61,.45);
  --tint:        #8fd28f;

  /* ---- accent (orange "you" marker) ---- */
  --you:      #f5a623;
  --you-deep: #b96f12;

  /* ---- caution (red) ---- */
  --warn:      #c0533c;
  --warn-soft: #f7e6e0;

  /* ---- neutral fills ---- */
  --rail:      #e3e3e3;
  --bar-muted: #d0d0cb;

  /* ---- type families ---- */
  --disp: "Space Grotesk", system-ui, sans-serif;
  --sans: "IBM Plex Sans", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
}