:root {
    --bg-sidebar: #1e2648;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --accent-color: #e88b05;
    --border-color: #1e2648;
    --shadow-soft: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html, body, #map {
    width: 100%;
    height: 100%;
}

/* Style pour les points kilométriques (PK) */
.pk-marker {
    fill: #ffffff;       /* Équivalent de fillColor */
    stroke: #377eb8;     /* Équivalent de color (la bordure) */
    stroke-width: 1.5px; /* Équivalent de weight */
    fill-opacity: 1;   /* Équivalent de fillOpacity */
    stroke-opacity: 1;   /* Équivalent de opacity */
}

/* Style pour les points d'attention */
.attention-marker {
    fill: #e30613;       /* Équivalent de fillColor */
    stroke: #ffffff;     /* Équivalent de color (la bordure) */
    stroke-width: 2px; /* Équivalent de weight */
    fill-opacity: 1;   /* Équivalent de fillOpacity */
    stroke-opacity: 1;   /* Équivalent de opacity */
}