/* StatementFlow — "Ledger" design language.
   Paper and ink, EB Garamond voice, IBM Plex Mono figures, bottle-green
   double-rule tie-out. Reskins every surface that reads these tokens. */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* Paper surfaces (light -> deep) */
  --bg-0: #F6F2E9;
  --bg-1: #EFE9DB;
  --bg-2: #FCFAF4;
  --bg-tint: #EFEADB;

  /* Ink text (dark -> muted) */
  --fg-0: #1B1A17;
  --fg-1: #2A2822;
  --fg-2: #4A463C;
  --fg-3: #5F5A49;   /* muted meta — AA on paper */
  --fg-4: #C9C1AC;   /* hairline text / disabled */

  /* Hairlines */
  --line-1: rgba(27,26,23,0.10);
  --line-2: rgba(27,26,23,0.16);

  /* Bottle green — the accent + tie-out rule */
  --accent: #1E5C43;
  --accent-hover: #164A36;
  --accent-light: rgba(30,92,67,0.08);
  --rule-green: #1E5C43;

  /* Status — kept in the paper family */
  --success-500: #1E5C43;
  --warning-500: #B0812E;   /* brass */
  --danger-500:  #B23A2E;   /* terracotta */

  /* Flat by default — a near-solid green for primary buttons */
  --gradient-brand: linear-gradient(180deg, #25714F 0%, #1E5C43 100%);

  /* Type */
  --font-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Geist', ui-sans-serif, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --radius-lg: 14px;
  --radius-xl: 18px;

  /* Restrained ink shadows (Ledger is mostly flat) */
  --shadow-2: 0 1px 2px rgba(27,26,23,0.05);
  --shadow-3: 0 6px 20px rgba(27,26,23,0.07);
}

/* Editorial serif headings site-wide; figures and UI meta stay mono/sans. */
h1, h2, h3, .sf-display {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.005em;
}

/* The signature tie-out: a green double rule. Use on wordmark + verified totals. */
.sf-rule {
  border-bottom: 3px double var(--rule-green);
}

/* Money and dates set in mono for tabular precision. */
.sf-figure { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
