/* ── HikerWay — CSS comuni (variabili, reset, base) ──────────────────────── */

:root {
    /* Palette — dark theme */
    --bg-base:        #1c1f2e;
    --bg-surface:     #181b2a;
    --bg-overlay:     #1e2030;
    --bg-hover:       #1e2030;

    --border-subtle:  #313244;
    --border-mid:     #45475a;
    --border-strong:  #585b70;

    --text-primary:   #cdd6f4;
    --text-secondary: #bac2de;
    --text-muted:     #6c7086;
    --text-faint:     #45475a;

    /* Brand colors */
    --color-cyan:     #89dceb;
    --color-cyan-dim: #74c7ec;
    --color-green:    #a6e3a1;
    --color-green-dim:#40a02b;
    --color-yellow:   #f9e2af;
    --color-yellow-dim:#df8e1d;
    --color-violet:   #b4befe;
    --color-violet-dim:#7287fd;
    --color-lavender: #cba6f7;
    --color-red:      #f38ba8;
    --color-red-dim:  #eb6f92;
    --color-grey:     #585b70;
    --color-grey-dim: #45475a;

    /* Typography */
    --font-sans: 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'Courier New', monospace;

    /* Spacing */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg: 12px;
}

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

body {
    font-family: var(--font-sans);
    background: var(--bg-base);
    color: var(--text-primary);
}

/* Scrollbar comune */
::-webkit-scrollbar       { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--bg-surface); }
::-webkit-scrollbar-thumb { background: var(--border-mid); border-radius: 2px; }