/* ============================================================
   budgeted: design tokens (HYBRID / toned-down aesthetic)
   Self-contained copy of the shared token set so the landing
   site never depends on the app build.  Mirrors design/tokens
   consumed by app.budgeted.io.  Do not hardcode hex in site.css
   or the page HTML: reference these variables.
   ============================================================ */

:root{
  color-scheme:light;

  /* ---- surfaces ---- */
  --paper:#f4f6f5;      /* flat page background (NO grid paper) */
  --paper-2:#eef1ef;    /* recessed surface / footer */
  --panel:#ffffff;      /* raised white card */
  --panel-2:#f8faf9;    /* subtle inset surface */

  /* ---- ink ---- */
  --ink:#1b2733;        /* primary text */
  --ink-2:#4d5a66;      /* secondary */
  --ink-3:#7c8994;      /* captions */

  /* ---- accent (drafting blue) ---- */
  --blue:#1f5b8f;
  --blue-2:#123f66;
  --blue-soft:#e7eff6;

  /* ---- lines ---- */
  --line:#e2e7e6;       /* hairline */
  --line-2:#cdd5d3;     /* stronger hairline */

  /* ---- status ---- */
  --green:#2f6a4f;   --green-soft:#e0ece5;
  --amber:#b07d1e;   --amber-soft:#f6ecd8;
  --rust:#b5502f;    --rust-soft:#f4e2db;

  /* ---- radii (hybrid: soft) ---- */
  --r-control:8px;
  --r-card:12px;

  /* ---- layout ---- */
  --maxw:1180px;
  --pad:clamp(20px,5vw,64px);

  /* ---- type families ---- */
  --f-serif:"Fraunces","Spectral",Georgia,serif;   /* headings + italic-blue <em> */
  --f-body:"Spectral",Georgia,serif;               /* body prose */
  --f-ui:"Barlow",system-ui,sans-serif;            /* UI / labels */
  --f-mono:"IBM Plex Mono",ui-monospace,monospace; /* all numerals, tabular */
}