/* Every color, font and size for the program lives here. */
:root {
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size: 16px;
  --font-size-small: 14px;
  --font-size-h1: 26px;
  --font-size-h2: 20px;

  --bg: #f5f6f4;
  --surface: #ffffff;
  --surface-alt: #f0f2ee;
  --border: #d9ddd5;
  --border-strong: #b9c0b3;
  --ink: #1d2420;
  --ink-soft: #55605a;
  --ink-faint: #85908a;

  --accent: #2e6b3f;
  --accent-hover: #24563a;
  --accent-soft: #e3efe5;
  --accent-ink: #ffffff;

  --ok: #2e6b3f;
  --ok-soft: #e3efe5;
  --warn: #8a5a00;
  --warn-soft: #fbefd5;
  --bad: #a4242b;
  --bad-soft: #f8e1e2;
  --info: #24548a;
  --info-soft: #e2ecf7;

  --radius: 8px;
  --radius-small: 5px;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-modal: 0 10px 40px rgba(0, 0, 0, 0.25);
  --overlay: rgba(20, 28, 24, 0.45);

  --topbar-h: 56px;
  --sidebar-w: 220px;
  --tap: 44px;
}