/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-brand: #2c7a63; /** the prototype's light theme; the dark theme is color.dark.* */
  --color-on-brand: #ffffff;
  --color-text: #101a16;
  --color-text-soft: #36443d;
  --color-text-muted: #576a61;
  --color-bg: #f1f5f3;
  --color-bg-subtle: #f7faf8;
  --color-surface: #ffffff;
  --color-border: #e0e8e4;
  --color-border-strong: #c3d1c9;
  --color-danger: #b42318;
  --color-success: #1a6539;
  --color-note-bg: #fdf3e4; /** the prototype's amber note: a warning band, a notice line (A2.html --note-*) */
  --color-note-line: #eec88c;
  --color-note-ink: #7a4610;
  --color-note-dot: #c5761c;
  --color-dark-danger: #f3a6a0; /** the prototype's dark --danger: the light red reads on the dark surface, #b42318 does not */
  --color-dark-note-bg: #261b0e;
  --color-dark-note-line: #553715;
  --color-dark-note-ink: #f0c68a;
  --color-dark-note-dot: #e0a55a;
  --color-dark-brand: #6fc9a4;
  --color-dark-on-brand: #0c1210;
  --color-dark-text: #e7eeea;
  --color-dark-text-soft: #bec8c2;
  --color-dark-text-muted: #8b9a93;
  --color-dark-bg: #0c1210;
  --color-dark-bg-subtle: #19211d;
  --color-dark-surface: #141b18;
  --color-dark-border: #222d28;
  --color-dark-border-strong: #34453d;
  --font-size-badge: 11px;
  --font-size-caption: 10.5px;
  --font-size-meta: 12.5px;
  --font-size-title: 13.5px;
  --font-size-sm: 14px;
  --font-size-body: 16px;
  --font-size-lg: 20px;
  --font-size-heading: 24px;
  --font-size-display: 32px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-gap: 12px; /** between sibling blocks; a coloured box keeps it from its neighbours (the owner's HARD RULE of the mockup review, M-004-1 and M-007-6, 2026-10-08: no clutter; design-system.md section 10, «comfortable: 12 px gaps»; it was 10px, the gap the owner called clutter) */
  --spacing-row: 12px;
  --spacing-md: 16px;
  --spacing-window: 20px; /** the one window standard: the margin all round a sheet (FR-085) */
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-thumb: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
}