/* DebtControl concept tokens — mirror of tokens.json (checked by validate_demo_data.py).
   Opus5.5 refinement 18.10: Manrope (OFL, local file), neutral panels, brighter rust/yellow. */
@font-face {
  font-family: "Manrope";
  src: url("fonts/Manrope-wght.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --canvas: #E8E3D8;
  --canvas-sage: #DDDCCF;
  --panel: #F4F2EC;
  --panel-sunk: #E8E6DF;
  --ink: #1A1B19;
  --ink-muted: #5A584F;
  --line: #E0DDD3;
  --black: #191A18;
  --on-dark: #FFFFFF;
  --on-dark-muted: #C8C5BB;
  --tone-yellow: #EDC74E;
  --tone-yellow-muted: #4A3B0E;
  --tone-green: #245A4C;
  --tone-green-muted: #D6E6DF;
  --tone-rust: #B23F1D;
  --tone-rust-muted: #FFE7DD;
  --tone-charcoal: #1E1F1D;
  --rust-text: #A13E1F;
  --green-text: #245A4C;
  --focus: #245A4C;
  --age-fill: #3B3D3A;

  --font: "Manrope", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Manrope", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;

  --r-panel: 26px;
  --r-card: 18px;
  --r-cell: 14px;
  --r-pill: 999px;
  --shadow-panel: 0 1px 0 rgba(255, 255, 255, 0.75) inset, 0 10px 30px -18px rgba(52, 50, 40, 0.32);
  --shadow-lift: 0 14px 28px -14px rgba(25, 26, 24, 0.45);

  --dur-press: 120ms;
  --dur-state: 180ms;
  --dur-panel: 220ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}