@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");

/* pago "Dark mint" tokens, taken from the app (frontend/src/styles/tokens.css). */
:root {
  color-scheme: dark;

  /* Contract tokens (used by the privacy and terms pages too) */
  --bg: #0a0f0e;
  --fg: #e6edeb;
  --muted: #84948f;
  --accent: #2dd4bf;
  --line: #20302c;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* App tokens */
  --surface: #111917;
  --surface-2: #0d1412;
  --brand-soft: #12312b;
  --brand-tint: #17423a;
  --brand-border: #1f5a50;
  --brand-hover: #5eead4;
  --on-brand: #04211c;
  --border-strong: #2a3d38;
  --text-2: #d0dad6;
  --text-3: #b2bfba;
  --faint: #5f6f6a;
  --income: #4ade80;
  --expense: #f87171;
  --danger-text: #fca5a5;
  --warn: #fbbf24;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ring: 0 0 0 3px rgba(45, 212, 191, 0.25);
  --r-sm: 8px;
  --r-md: 10px;
  --r-xl: 12px;
  --r-card: 18px;
  --r-pill: 999px;
}

/* Small touches so the legal pages feel like the app */
body.legal { -webkit-font-smoothing: antialiased; }
body.legal a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }