@import url('./fonts/manrope.css');
:root {
  --vehio-teal: #06282C;
  --vehio-mint: #17C99A;
  --vehio-off-white: #F8FAF9;
  --vehio-gray: #6B7C85;
  --vehio-logo-white: #FFFFFF;
  --vehio-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vehio-radius: 12px;
  --vehio-touch: 48px;
  --vehio-bg: var(--vehio-off-white);
  --vehio-ink: var(--vehio-teal);
  --vehio-secondary: var(--vehio-teal);
  --vehio-line: #06282C24;
  --vehio-focus: var(--vehio-teal);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --vehio-bg: var(--vehio-teal);
    --vehio-ink: var(--vehio-off-white);
    --vehio-secondary: var(--vehio-off-white);
    --vehio-line: #F8FAF930;
    --vehio-focus: var(--vehio-mint);
    color-scheme: dark;
  }
}
:root[data-theme="dark"], [data-theme="dark"] {
  --vehio-bg: var(--vehio-teal);
  --vehio-ink: var(--vehio-off-white);
  --vehio-secondary: var(--vehio-off-white);
  --vehio-line: #F8FAF930;
  --vehio-focus: var(--vehio-mint);
  color-scheme: dark;
}
[data-theme="light"] {
  --vehio-bg: var(--vehio-off-white);
  --vehio-ink: var(--vehio-teal);
  --vehio-secondary: var(--vehio-teal);
  --vehio-line: #06282C24;
  --vehio-focus: var(--vehio-teal);
  color-scheme: light;
}
.vehio-surface { background: var(--vehio-bg); color: var(--vehio-ink); font-family: var(--vehio-font); }
.vehio-button {
  min-height: var(--vehio-touch); padding: 12px 22px; border: 0; border-radius: var(--vehio-radius);
  background: var(--vehio-mint); color: var(--vehio-teal); font: 600 16px/1.4 var(--vehio-font);
  cursor: pointer; transition: transform 120ms ease;
}
.vehio-button:active { transform: scale(.98); }
:focus-visible { outline: 3px solid var(--vehio-focus); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }