/* ============================================
   01-BASE.CSS
   Reset, variabili CSS e stili di base
   ============================================ */

/* ----- CSS Variables ----- */
:root {
    --black: #0a0a0a;
    --white: #f5f5f5;
    --gray-dark: #1a1a1a;
    --gray-mid: #2d2d2d;
    --gray-light: #888;
    --accent: #ff2d2d;
    --accent-white:#ffff;
    /* --accent: #ffff; */
    --accent-dark: #cc0000;
    --gradient-dark: linear-gradient(180deg, #0a0a0a 0%, #151515 100%);
}

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Space Mono', monospace;
    background: var(--black);
    color: var(--white);
    line-height: 1.6;
    overflow-x: hidden;
}

/* ----- Noise Overlay ----- */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    opacity: 0.03;
    pointer-events: none;
    z-index: 1000;
}

/* ----- Scrollbar ----- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--black);
}

::-webkit-scrollbar-thumb {
    background: var(--accent);
    border-radius: 0;
}

/* ----- Links ----- */
a {
    text-decoration: none;
    color: inherit;
}

/* ============================================
   ARCHIVIO: gestione audio del vecchio player
   Questo blocco e' lasciato commentato per eventuale recupero futuro.
   Non viene usato dall'attuale player SoundCloud in iframe.
   ============================================ */

/*
audio {
    display: none;
}
*/