@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import "styles/navbar.css";
@import "styles/hero.css";
@import "styles/our-programs.css";
@import "styles/why-this-program.css";
@import "styles/tools.css";
@import "styles/proper-degree.css";
@import "styles/program-overview.css";
@import "styles/curriculum.css";
@import "styles/mentors.css";
@import "styles/faq.css";
@import "styles/footer.css";
@import "styles/form.css";
@import "styles/our-campus.css";
@import "styles/placement-details.css";
@import "styles/reach-out-to-us.css";


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Inter, sans-serif;
}

:root {
    /* ===== Base Backgrounds ===== */
    --bg-page: #000000;
    --bg-section: #050505;
    --bg-card: #0b0b0b;
    --bg-card-hover: #121212;

    /* ===== Borders & Dividers ===== */
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.15);

    /* ===== Text Colors ===== */
    --text-primary: #ffffff;
    --text-secondary: #b3b3b3;
    --text-muted: #7a7a7a;
    /* --text-muted: #7a7a7a; */
    --text-inverted: #000000;

    /* ===== Brand / Accent ===== */
    /* --color-primary: #6366f1;   Indigo (main CTA) */
    /* --color-primary-hover: #818cf8; */

    --color-primary: #5B80EA;
    --color-primary-hover: #6d8fed;

    /* ===== Status / Utility ===== */
    --color-success: #22c55e;
    --color-warning: #facc15;
    --color-danger: #ef4444;

    /* ===== Effects ===== */
    --blur-glass: blur(12px);
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.6);
}

.lucide {
    height: 16px;
    color: var(--color-primary);
}

body {
    background-color: var(--bg-page);
    min-height: 100vh;
    color: var(--text-primary);
}

li{
    list-style-type: none;
}