:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --main-bg: linear-gradient(180deg,rgba(0, 0, 0, 1) 23%, rgba(1, 1, 59, 1) 100%);
    --font-primary: "Poppins", sans-serif;
    --text-color: #ffffff;
    --muted-text: #cfcfcf;
    --card-bg:
        linear-gradient(180deg, rgba(6, 10, 30, 0.95), rgba(2, 4, 18, 0.98)),
        radial-gradient(circle at 50% 120%, rgba(0, 89, 255, 0.25), transparent 60%);

    --card-border: rgba(92, 132, 255, 0.12);

    --card-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 40px rgba(0, 0, 0, 0.35),
        0 0 30px rgba(0, 55, 255, 0.08);
}


/* =========================
   Home Page Spacing System
   ========================= */

:root {
    --section-space-lg: 56px;
    --section-space-md: 44px;
    --section-space-sm: 32px;

    --section-title-gap: 28px;
    --section-title-gap-mobile: 18px;

    --card-radius-lg: 34px;
    --card-radius-md: 28px;
    --card-radius-sm: 24px;
}