/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/next@15.0.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!../node_modules/.pnpm/next@15.0.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/tokens.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Fleetwise design tokens - generated by build.mjs. Do not edit by hand. */
:root {
  --bg: #f4f7fc;
  --surface: #ffffff;
  --surface-2: #f7f9fd;
  --fg: #0f1b32;
  --fg-2: #5b6b86;
  --border: #e5eaf2;
  --primary: #0056d6;
  --primary-600: #0047b3;
  --primary-050: #e8f0fd;
  --info: #0097cc;
  --info-bg: #e2f5fc;
  --accent: #ff6600;
  --success: #15a24a;
  --success-bg: #e6f6ec;
  --warning: #b4610a;
  --warning-bg: #fcefdd;
  --danger: #d12f2f;
  --danger-bg: #fcebeb;
  --purple: #7c3aed;
  --purple-bg: #f1eafe;
  --nav-bg: #0a1c3d;
  --nav-bg-2: #12346b;
  --nav-fg: #eaf0fb;
  --nav-muted: #9fb0d0;
  --nav-active: #1c3f7d;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 34px;
  --space-0: 0px;
  --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;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-pill: 9999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0b1220;
    --surface: #121a2b;
    --surface-2: #0e1626;
    --fg: #e8edf7;
    --fg-2: #9aa7bf;
    --border: #233149;
    --primary: #2f7bff;
    --primary-600: #5491ff;
    --primary-050: #15233f;
    --info: #38bdf8;
    --info-bg: #102434;
    --accent: #ff7d2e;
    --success: #34d399;
    --success-bg: #102a20;
    --warning: #fbbf24;
    --warning-bg: #2a2110;
    --danger: #f87171;
    --danger-bg: #2c1719;
    --purple: #a78bfa;
    --purple-bg: #201a39;
    --nav-bg: #081326;
    --nav-bg-2: #0f254a;
    --nav-fg: #e7eefb;
    --nav-muted: #8ea0c0;
    --nav-active: #1a386f;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0b1220;
  --surface: #121a2b;
  --surface-2: #0e1626;
  --fg: #e8edf7;
  --fg-2: #9aa7bf;
  --border: #233149;
  --primary: #2f7bff;
  --primary-600: #5491ff;
  --primary-050: #15233f;
  --info: #38bdf8;
  --info-bg: #102434;
  --accent: #ff7d2e;
  --success: #34d399;
  --success-bg: #102a20;
  --warning: #fbbf24;
  --warning-bg: #2a2110;
  --danger: #f87171;
  --danger-bg: #2c1719;
  --purple: #a78bfa;
  --purple-bg: #201a39;
  --nav-bg: #081326;
  --nav-bg-2: #0f254a;
  --nav-fg: #e7eefb;
  --nav-muted: #8ea0c0;
  --nav-active: #1a386f;
  color-scheme: dark;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/next@15.0.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!../node_modules/.pnpm/next@15.0.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
h1, h2, h3 { letter-spacing: -0.01em; }