@import 'shared/style.css';

:root {
    --bg-color: #0c0d12;
    --panel-bg: rgba(22, 26, 35, 0.75);
    --border-color: rgba(255, 255, 255, 0.08);
    --text-primary: #f0f2f5;
    --text-secondary: #9ba1b0;
    --accent: #6366f1;
    --accent-hover: #4f46e5;
    --success: #10b981;
    --danger: #ef4444;
    --bg-overlay-mobile: rgba(12, 13, 18, 0.85);
    --backdrop-blur: 20px;
}

body {
    background-image: radial-gradient(circle at 80% 20%, rgba(99, 102, 241, 0.1) 0%, transparent 60%), url('fidel-widescreen.jpg?v=4');
}

@media (max-width: 1024px) {
    body {
        background-image: radial-gradient(circle at 50% 20%, rgba(99, 102, 241, 0.1) 0%, transparent 60%), url('fidel.ititti.es.character.jpg?v=4');
    }
}