@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');

body {
    background-color: #000000;
    color: #d4d4d8;
}

::selection {
    background-color: #FCA311;
    color: #000000;
}

/* --- F1 Luxury Colors --- */
.text-f1-gold { color: #FCA311; }
.bg-f1-gold { background-color: #FCA311; }
.bg-f1-gold-light { background-color: rgba(252, 163, 17, 0.1); }
.border-f1-gold { border-color: rgba(252, 163, 17, 0.3); }
.border-gold-solid { border-color: #FCA311; }
.bg-gold-light { background-color: rgba(252, 163, 17, 0.1); }

.bg-dark { background-color: #030305; }
.border-t-indigo { border-top: 1px solid rgba(26, 27, 65, 0.3); }
.border-t-gold { border-top: 1px solid rgba(252, 163, 17, 0.3); }
.border-gold { border-left: 2px solid rgba(252, 163, 17, 0.3); border-right: 2px solid rgba(252, 163, 17, 0.3); }
.border-l-gold { border-left: 4px solid #FCA311; }
.border-l-indigo { border-left: 4px solid rgba(94, 129, 255, 1); }

.border-indigo { border-color: rgba(26, 27, 65, 0.5); }
.border-indigo-solid { border-color: rgba(94, 129, 255, 0.5); }
.bg-indigo-light { background-color: rgba(94, 129, 255, 0.1); }
.text-indigo-300 { color: #A5B4FC; }

/* --- Gradients & Shadows --- */
.text-gold-gradient {
    background: linear-gradient(to right, #fbbf24, #FCA311);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-premium-gradient {
    background: linear-gradient(to bottom right, #09090b, #0B0C10);
}
.hero-gradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4), #000000);
}

.gold-glow { box-shadow: 0 0 30px rgba(252, 163, 17, 0.15); }
.shadow-gold { box-shadow: 0 0 20px rgba(252, 163, 17, 0.4); }
.shadow-indigo-glow { box-shadow: 0 0 30px rgba(94, 129, 255, 0.1); }

/* --- Components & Effects --- */
.glass-nav {
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(26, 27, 65, 0.5);
}

.hover-gold:hover { color: #FCA311; }
.hover-white:hover { background-color: #ffffff; color: #000000; }
.hover-white-btn:hover { background-color: #ffffff; color: #000000; }
.hover-border-zinc:hover { border-color: #52525b; }
.hover-border-gold:hover { border-color: #FCA311; }

.btn-gold {
    background: linear-gradient(to right, #fbbf24, #FCA311);
    box-shadow: 0 0 15px rgba(252, 163, 17, 0.3);
    transition: transform 0.3s ease;
}
.btn-gold:hover { transform: scale(1.05); }

/* Footer F-1 Buttons */
.f1-footer-btn {
    display: inline-block;
    padding: 6px 14px;
    background-color: #0A0A0A;
    border: 1px solid #3f3f46;
    color: #d4d4d8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.f1-footer-btn:hover {
    border-color: #FCA311;
    color: #FCA311;
    background-color: rgba(252, 163, 17, 0.05);
    box-shadow: 0 0 10px rgba(252, 163, 17, 0.2);
}

/* Dark Mode Google Calendar Inversion Trick */
.dark-calendar {
    filter: invert(1) hue-rotate(180deg) grayscale(0.1) contrast(1.1);
    background-color: #ffffff;
}