/* LodgePlug — generated from tokens.json */
:root {
  --bg: #f5f7f0;
  --surface: #ffffff;
  --surface-sunk: #ecf0e4;
  --line: #dce3d3;
  --line-strong: #7a8a7e;
  --ink: #0e1f15;
  --ink-muted: #4f5e55;
  --brand: #033a1d;
  --green: #033a1d;
  --green-deep: #022411;
  --green-tint: #e8f5d9;
  --on-green: #ffffff;
  --yellow: #ffe431;
  --on-yellow: #033a1d;
  --leaf: #8acf36;
  --on-leaf: #033a1d;
  --warning-tint: #fff4d1;
  --warning-ink: #7a4f00;
  --danger: #b42318;
  --danger-tint: #fdecea;
  --on-danger: #ffffff;
  --info: #1d5b94;
  --info-tint: #e7f0f9;
  --mode-surface: #16211b;
  --on-mode: #f5f7f0;
  --on-mode-muted: #c2ccc6;
  --focus: #033a1d;
  --font-display: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --touch-min: 48px;
  --control-height: 48px;
  --control-height-sm: 36px;
  --tabbar-height: 64px;
  --shadow-1: 0 1px 2px #0e1f1514, 0 1px 1px #0e1f150a;
  --shadow-2: 0 8px 24px -4px #0e1f1529, 0 2px 6px #0e1f1514;
}
[data-theme="dark"] {
  --bg: #08130d;
  --surface: #112018;
  --surface-sunk: #0c1912;
  --line: #233629;
  --line-strong: #6a7d70;
  --ink: #eaf2e6;
  --ink-muted: #a6b5aa;
  --brand: #033a1d;
  --green: #8acf36;
  --green-deep: #b5e583;
  --green-tint: #1a3313;
  --on-green: #033a1d;
  --yellow: #ffe431;
  --on-yellow: #033a1d;
  --leaf: #8acf36;
  --on-leaf: #033a1d;
  --warning-tint: #2e2509;
  --warning-ink: #f4c84a;
  --danger: #ff8f80;
  --danger-tint: #3b1613;
  --on-danger: #2b0804;
  --info: #93beeb;
  --info-tint: #132a40;
  --mode-surface: #1f2d25;
  --on-mode: #eaf2e6;
  --on-mode-muted: #a6b5aa;
  --focus: #8acf36;
  --shadow-1: 0 1px 2px #00000066;
  --shadow-2: 0 8px 24px -4px #000000b3;
}