/* Café Amore — Custom CSS Extensions */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Hanken+Grotesk:wght@300;400;600&family=Inter:wght@400;500;700&display=swap');

:root {
    --color-accent: #1a1c17;
    --color-on-accent: #FFFFFF;
    --color-background: #FFFCF4;
    --color-on-background: #1a1c17;
    --color-surface: #FFFCF4;
    --color-on-surface: #1a1c17;
    --color-surface-container: #f5f2eb;
    --color-surface-container-low: #ebe8e1;
    --color-surface-container-high: #dfdcd5;
    --color-surface-variant: #e5e3db;
    --color-on-surface-variant: #464741;
    --color-outline-variant: #c7c7bf;
    --color-outline: #7c7d76;
}

html.dark {
    --color-accent: #FFFFFF;
    --color-on-accent: #111111;
    --color-background: #0a0a0a;
    --color-on-background: #e0e0e0;
    --color-surface: #0a0a0a;
    --color-on-surface: #e0e0e0;
    --color-surface-container: #141414;
    --color-surface-container-low: #0f0f0f;
    --color-surface-container-high: #1a1a1a;
    --color-surface-variant: #1e1e1e;
    --color-on-surface-variant: #b0b0b0;
    --color-outline-variant: #333333;
    --color-outline: #808080;
}

body {
    background-color: var(--color-background);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dotted-leader {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
    flex-grow: 1;
    margin: 0 8px 6px;
}

.glass-card {
    background: rgba(10, 10, 10, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Custom Leaflet Map styling */
#map {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: #0a0a0a;
    z-index: 1;
}

.leaflet-container {
    background: #0a0a0a !important;
}

/* Smooth opacity cross-fade for visual pane */
#visual-pane-img {
    transition: opacity 0.4s ease-in-out;
}