@import url("./layout.css?v=2");
@import url("./sidebar.css");
@import url("./map-tools.css");
@import url("./popup.css");
@import url("./tunnel-detail.css?v=3");
@import url("./viaduct-detail.css?v=3");
@import url("./culvert-detail.css?v=1");
@import url("./tunnel-charts.css");
@import url("./dashboard.css?v=8");
@import url("./auth.css?v=1");


:root {
    --color-primary-950: #081a2e;
    --color-primary-900: #10243e;
    --color-primary-800: #173554;
    --color-primary-700: #21496f;

    --color-accent: #d99a2b;
    --color-accent-soft: #fff4d8;

    --color-background: #eef2f6;
    --color-surface: #ffffff;
    --color-surface-soft: #f7f9fb;

    --color-text: #172033;
    --color-text-muted: #68778a;
    --color-border: #dfe5ec;

    --color-success: #22a06b;
    --color-danger: #c1121f;
    --color-warning: #d99a2b;
    --color-warning-soft: #fff4d8;
    --color-completed: var(--color-success);
    --color-in-progress: var(--color-warning);
    --color-not-started: #8795a5;
    --color-unknown: #c5cdd6;
    --color-progress-primary: var(--color-success);
    --color-progress-secondary: #387b9f;

    --font-dashboard-title: 24px;
    --font-section-title: 14px;
    --font-kpi-value: 20px;
    --font-card-title: 15px;
    --font-body: 12px;
    --font-meta: 10px;

    --radius-card: 12px;
    --radius-control: 8px;
    --space-card: 16px;

    --header-height: 72px;
    --statusbar-height: 34px;
    --sidebar-width: 300px;

    --shadow-small:
        0 2px 8px rgba(15, 35, 58, 0.08);

    --shadow-medium:
        0 10px 30px rgba(15, 35, 58, 0.15);

    --transition-fast: 180ms ease;
    --transition-normal: 220ms ease;
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
}

body {
    overflow: hidden;
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
    color: var(--color-text);
    background: var(--color-background);
}

button,
input {
    font: inherit;
}

button {
    color: inherit;
}

[hidden] {
    display: none !important;
}