/* ── Design Tokens — fleet ops console ─────────────────── */
:root {
    --background: #f4f6f8;
    --foreground: #14202b;
    --card: #ffffff;
    --card-foreground: #14202b;
    --popover: #ffffff;
    --popover-foreground: #14202b;

    --primary: #008291;
    --primary-hover: #006d7a;
    --primary-foreground: #ffffff;
    --primary-glow: transparent;

    --secondary: #e8eef2;
    --secondary-foreground: #14202b;

    --muted: #e8eef2;
    --muted-foreground: #5a6b78;

    --accent: #e8eef2;
    --accent-foreground: #14202b;

    --destructive: #c43c3c;
    --destructive-foreground: #ffffff;

    --border: #d5dde4;
    --input: #d5dde4;
    --ring: #008291;

    --success: #1a7f5a;
    --warning: #b5780b;
    --info: #1d6b9c;

    /* Compat aliases — solid, not glass */
    --glass-bg: var(--card);
    --glass-border: var(--border);
    --glass-blur: 0px;

    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --radius-sm: 4px;
    --radius: 6px;
    --radius-lg: 8px;
    --radius-xl: 10px;
    --radius-full: 9999px;

    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-glow: none;

    --sidebar-width: 240px;
    --transition-speed: 0.15s;
    --sidebar-bg: #ffffff;
}

[data-theme='dark'] {
    color-scheme: dark;
    --background: #10161c;
    --foreground: #e8eef2;
    --card: #171e26;
    --card-foreground: #e8eef2;
    --popover: #171e26;
    --popover-foreground: #e8eef2;

    --primary: #3aa8b5;
    --primary-hover: #4bb8c4;
    --primary-foreground: #0a1218;
    --primary-glow: transparent;

    --secondary: #222b35;
    --secondary-foreground: #e8eef2;

    --muted: #222b35;
    --muted-foreground: #8a9ba8;

    --accent: #222b35;
    --accent-foreground: #e8eef2;

    --border: #2a3440;
    --input: #2a3440;
    --ring: #3aa8b5;

    --success: #3d9b74;
    --warning: #d4a017;
    --info: #5a9fc4;

    --glass-bg: var(--card);
    --glass-border: var(--border);
    --sidebar-bg: #0d1218;
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    background-color: var(--background);
    color: var(--foreground);
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    transition: background-color var(--transition-speed), color var(--transition-speed);
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; }
img { max-width: 100%; }