/* ================= DESIGN TOKENS ================= */
:root {
    --primaryColor: #CD1518;
    --secondryColor: #5B088D;
    --identity: #AAE0F9;
    --footerColor: #AAE0F9;
    --white: #ffffff;
    --black: #1a1a1a;
    --gray-light: #f8f9fa;
    --accentColor: #a5b4fc;     /* Light Indigo for badges */
    --textLight: #ffffff;
    --textMuted: #cbd5e1;
    --darkBG: #0f172a;
    --glassBorder: rgba(255, 255, 255, 0.15);
    --glassBG: rgba(255, 255, 255, 0.08);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ================= GLOBAL ================= */
html, body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-behavior: smooth;
}

body {
    padding-top: 105px; /* Combined height of top bar and navbar */
    background: var(--white);
    color: var(--black);
    font-family: 'Inter', sans-serif;
}


/* Smooth Scroll & Offset for sticky navbar */
section[id] { scroll-margin-top: 100px; padding: 60px 0; }