/* Agro Automotive tokens, generated from tools/tokens.json by tools/build_tokens.py. Do not edit by hand. */

:root {
  color-scheme: dark;
  --surface-base: #16181b;
  --surface-raised: #202327;
  --surface-sunken: #0f1113;
  --surface-overlay: #2a2e33;
  --ink: #f3f1ee;
  --ink-muted: #a9aeb5;
  --ink-faint: #959ba2;
  --ember: #ff6b3d;
  --ember-pressed: #e8521f;
  --on-ember: #16181b;
  --ember-subtle: #ff6b3d12;
  --focus-ring: #ff9a73;
  --line: #3b4047;
  --line-strong: #737a83;
  --steel: #596068;
  --success: #3ecf9e;
  --success-subtle: #3ecf9e12;
  --warning: #f5b83d;
  --warning-subtle: #f5b83d12;
  --danger: #ff6679;
  --danger-subtle: #ff667912;
  --info: #6aaeea;
  --info-subtle: #6aaeea12;
  --scrim: #000000a6;
  --shadow-card: 0 1px 0 #ffffff0d inset, 0 6px 18px #00000066;
  --shadow-sheet: 0 -8px 32px #000000a6;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --tap-min: 44px;
  --nav-bar-height: 44px;
  --tab-bar-height: 49px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --blur-thin: 12px;
  --blur-regular: 20px;
  --blur-thick: 30px;
  --opacity-disabled: 0.4;
  --opacity-pressed: 0.7;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;
  --font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
  color-scheme: light;
  --surface-base: #f1efeb;
  --surface-raised: #ffffff;
  --surface-sunken: #e6e3de;
  --surface-overlay: #faf9f7;
  --ink: #1b1d20;
  --ink-muted: #565b62;
  --ink-faint: #61666d;
  --ember: #b43708;
  --ember-pressed: #962e06;
  --on-ember: #ffffff;
  --ember-subtle: #b4370814;
  --focus-ring: #b43708;
  --line: #d2cec7;
  --line-strong: #7d7a74;
  --steel: #9a9fa6;
  --success: #0a6f51;
  --success-subtle: #0a6f5114;
  --warning: #8a5a00;
  --warning-subtle: #8a5a0014;
  --danger: #b81f35;
  --danger-subtle: #b81f3514;
  --info: #1d5fa3;
  --info-subtle: #1d5fa314;
  --scrim: #1b1d2066;
  --shadow-card: 0 1px 2px #1b1d200f, 0 4px 14px #1b1d2014;
  --shadow-sheet: 0 -8px 32px #1b1d2024;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --surface-base: #f1efeb;
  --surface-raised: #ffffff;
  --surface-sunken: #e6e3de;
  --surface-overlay: #faf9f7;
  --ink: #1b1d20;
  --ink-muted: #565b62;
  --ink-faint: #61666d;
  --ember: #b43708;
  --ember-pressed: #962e06;
  --on-ember: #ffffff;
  --ember-subtle: #b4370814;
  --focus-ring: #b43708;
  --line: #d2cec7;
  --line-strong: #7d7a74;
  --steel: #9a9fa6;
  --success: #0a6f51;
  --success-subtle: #0a6f5114;
  --warning: #8a5a00;
  --warning-subtle: #8a5a0014;
  --danger: #b81f35;
  --danger-subtle: #b81f3514;
  --info: #1d5fa3;
  --info-subtle: #1d5fa314;
  --scrim: #1b1d2066;
  --shadow-card: 0 1px 2px #1b1d200f, 0 4px 14px #1b1d2014;
  --shadow-sheet: 0 -8px 32px #1b1d2024;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --surface-base: #16181b;
  --surface-raised: #202327;
  --surface-sunken: #0f1113;
  --surface-overlay: #2a2e33;
  --ink: #f3f1ee;
  --ink-muted: #a9aeb5;
  --ink-faint: #959ba2;
  --ember: #ff6b3d;
  --ember-pressed: #e8521f;
  --on-ember: #16181b;
  --ember-subtle: #ff6b3d12;
  --focus-ring: #ff9a73;
  --line: #3b4047;
  --line-strong: #737a83;
  --steel: #596068;
  --success: #3ecf9e;
  --success-subtle: #3ecf9e12;
  --warning: #f5b83d;
  --warning-subtle: #f5b83d12;
  --danger: #ff6679;
  --danger-subtle: #ff667912;
  --info: #6aaeea;
  --info-subtle: #6aaeea12;
  --scrim: #000000a6;
  --shadow-card: 0 1px 0 #ffffff0d inset, 0 6px 18px #00000066;
  --shadow-sheet: 0 -8px 32px #000000a6;
}