/* MisBalances - tokens canonicos de diseno. Cargar antes de styles.css. */
:root {
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Instrument Sans', -apple-system, sans-serif;
  --font-mono: 'Spline Sans Mono', Consolas, monospace;
  --font-sans: var(--font-body);
  --mono: var(--font-mono);
  --bg: #f5f2e9;
  --bg-card: #fdfcf7;
  --bg-input: #eeeadd;
  --paper-soft: var(--bg-input);
  --ink: #1d1a14;
  --ink-soft: #443f35;
  --ink-faint: #716a5b;
  --muted: var(--ink-faint);
  --line: #e2dcca;
  --line-strong: #c8c0aa;
  --accent: #2c6849;
  --accent-soft: #dbe9dd;
  --accent-text: #1d4731;
  --danger: #ad3a20;
  --danger-soft: rgba(173, 58, 32, 0.09);
  --gold: #a8802e;
  --gold-text: #765817;
  --warning: var(--gold);
  --warning-soft: #f8edcf;
  --warning-text: #77540a;
  --shadow: 0 1px 2px rgba(64,54,32,0.05), 0 6px 18px rgba(64,54,32,0.05);
  --shadow-soft: 0 1px 2px rgba(64,54,32,0.04), 0 3px 10px rgba(64,54,32,0.04);
  --shadow-lift: 0 6px 18px rgba(64,54,32,0.09), 0 18px 44px rgba(64,54,32,0.08);
  --radius: 8px;
  --radius-sm: 6px;
  --radius-md: var(--radius);
  --radius-lg: 14px;
  --surface: var(--bg-input);
  --green: var(--accent-text);
  --red: var(--danger);
  --sticky-nav-offset: 92px;
}

[data-theme="dark"] {
  --bg: #15130e;
  --bg-card: #1e1b14;
  --bg-input: #282418;
  --paper-soft: var(--bg-input);
  --ink: #efeadb;
  --ink-soft: #c2bba8;
  --ink-faint: #8b8470;
  --muted: var(--ink-faint);
  --line: #2f2b1f;
  --line-strong: #443e2d;
  --accent: #56a981;
  --accent-soft: #20382b;
  --accent-text: #93d4ae;
  --danger: #d97757;
  --danger-soft: rgba(217,119,87,0.13);
  --gold: #d2a64e;
  --gold-text: #e1bc69;
  --warning: var(--gold);
  --warning-soft: rgba(210, 166, 78, 0.14);
  --warning-text: #e4c16f;
  --shadow: 0 1px 2px rgba(0,0,0,0.35), 0 6px 18px rgba(0,0,0,0.25);
  --shadow-soft: 0 1px 2px rgba(0,0,0,0.3), 0 3px 10px rgba(0,0,0,0.2);
  --shadow-lift: 0 6px 18px rgba(0,0,0,0.45), 0 18px 44px rgba(0,0,0,0.35);
  --surface: var(--bg-input);
  --green: var(--accent-text);
  --red: var(--danger);
}