/* ==========================================
   BACKGROUND.CSS - Peptus Studio Base & Orb
   ========================================== */

:root {
    --gold-light: #f1c40f;
    --gold-main: #d4af37;
    --gold-dark: #996515;
    --black-deep: #0a0a0a;
    --text-gray: #a1a1a6;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(212, 175, 55, 0.15);
}

/* Reset Strutturale Globale */
*, *::before, *::after { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-family: 'Poppins', sans-serif; 
    scroll-behavior: smooth; 
}

body {
    background-color: var(--black-deep);
    color: white;
    overflow-x: hidden;
    min-height: 100vh;
    position: relative;
    padding: 0;
}

/* Sfondo e Sfera Interattiva */
.bg-gradient { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: radial-gradient(circle at 50% 50%, #161616 0%, #0a0a0a 100%); 
    z-index: -2; 
}

.gold-orb { 
    position: fixed; 
    width: clamp(300px, 50vw, 700px); 
    height: clamp(300px, 50vw, 700px); 
    background: radial-gradient(circle, rgba(212, 175, 55, 0.12) 0%, rgba(0,0,0,0) 70%); 
    filter: blur(100px); 
    border-radius: 50%; 
    z-index: -1; 
    pointer-events: none;
    transform: translate(-10%, -10%);
    will-change: transform;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}