/* ── 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; }

/* ── Version Tag (Global) ── */
.version-tag {
    background: #f1f5f9;
    color: #64748b;
    padding: 4px 10px;
    border-radius: 6px;
    font-family: var(--font-mono);
    font-size: 0.68rem;
    border: 1px solid #e2e8f0;
    font-weight: 700;
    line-height: 1;
}