:root {
    /* Custom Variable Names adapted to site-name: Biozin */
    --bi-bg: #0a0d14;
    --bi-surface: #131926;
    --bi-surface-accent: #1c2538;
    --bi-tint: #00f0ff;
    --bi-tint-hover: #00c8ff;
    --bi-paper: #ffffff;
    --bi-slate: #8f9cae;
    
    /* Configured Styles */
    --font-display: 'Josefin Sans', sans-serif;
    --font-body: 'Inter', sans-serif;
    --bi-radius: 16px; /* soft border radius */
    --bi-shdw: 0 12px 30px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.6); /* deep shadow + spread */
    --bi-gradient: linear-gradient(135deg, #00f0ff 0%, #4f46e5 100%);
}

/* Base structural fixes for modern viewport height handling */
body {
    background-color: var(--bi-bg);
}

/* Custom transitions and interactive elements styling */
button, a {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

img {
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5));
}

/* Responsive utilities and visual consistency */
@media (min-width: 1024px) {
    aside.lg\:sticky {
        top: 2rem;
        align-self: flex-start;
    }
}