/* Quick Importer — generated from design/tokens.json by tools/GenerateTokensCss.cs. Do not edit. */
:root {
  --brand-green: #799b55;
  --brand-sand: #d4c3b6;
  --brand-black: #171814;
  --brand-grey: #5a6066;
  --green-050: #f1f5ec;
  --green-100: #e3ecd8;
  --green-300: #b0c795;
  --green-500: var(--brand-green);
  --green-600: #8aab66;
  --green-700: #4a6b30;
  --green-800: #3e5528;
  --sand-050: #faf7f4;
  --sand-100: #f3ece6;
  --sand-200: #e8ddd3;
  --sand-400: var(--brand-sand);
  --surface-000: #ffffff;
  --surface-100: #fafafa;
  --surface-200: #f0f0f0;
  --surface-inverse: #171814;
  --surface-sand: #f3ece6;
  --ink: #171814;
  --ink-muted: #5a6066;
  --ink-inverse: #f3eee9;
  --line: #e9ecef;
  --line-strong: #7d8388;
  --action: var(--brand-green);
  --action-hover: #8aab66;
  --on-action: var(--brand-black);
  --action-wash: #f1f5ec;
  --link: #4e6a33;
  --focus: #4e6a33;
  --highlight: #d4c3b6;
  --surface-footer: #1a1b1f;
  --app-lime: #8ebc00;
  --success: #3e5528;
  --success-bg: #e3ecd8;
  --warning: #9a5b00;
  --warning-bg: #fbf1e2;
  --danger: #b3261e;
  --danger-bg: #fbe9e7;
  --info: #2f5d7c;
  --info-bg: #e6eef4;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-0: 0px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --shadow-1: 0 7px 20px 0 rgba(0,0,0,0.08);
  --shadow-2: 0 8px 24px -8px rgba(23,24,20,0.22);
  --shadow-block: 6px 6px 0 #d4c3b6;
  --border-hair: 1px;
  --border-bold: 2px;
  --font-sans: "Open Sans", "Segoe UI", system-ui, sans-serif;
  --font-serif: Lora, Georgia, serif;
  --font-display: Montserrat, "Arial Black", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --font-icon: themify;
}
[data-theme="dark"] {
  --surface-000: #23241f;
  --surface-100: #171814;
  --surface-200: #10110d;
  --surface-inverse: #f3eee9;
  --surface-sand: #2a2620;
  --ink: #f3eee9;
  --ink-muted: #a7adb2;
  --ink-inverse: #171814;
  --line: #34352f;
  --line-strong: #767b80;
  --action-hover: #8fb36a;
  --action-wash: #26301c;
  --link: #8fb36a;
  --focus: #8fb36a;
  --highlight: #3e5528;
  --success: #a3c27f;
  --success-bg: #26301c;
  --warning: #e2a84b;
  --warning-bg: #3a2c14;
  --danger: #ef8a80;
  --danger-bg: #3a1d1a;
  --info: #86b5d6;
  --info-bg: #1a2a35;
  --shadow-1: 0 7px 20px 0 rgba(0,0,0,0.5);
  --shadow-2: 0 8px 24px -8px rgba(0,0,0,0.7);
  --shadow-block: 6px 6px 0 #5a6066;
}