:root {
    --blue: #0A84FF;
    --darkBlue: #0866cc;

    --bg-light: #ffffff;
    --bg-dark: #0b0f19;

    --text-light: #000000;
    --text-dark: #ffffff;

    --card-light: #ffffff;
    --card-dark: #111826;

    --border-light: #e5e5e5;
    --border-dark: #1f2a3a;

    --shadow-light: 0 8px 20px rgba(0,0,0,0.08);
    --shadow-dark: 0 10px 22px rgba(0,0,0,0.35);

    --radius: 14px;
    --transition: 0.35s ease;

    /* Gradient hero background */
    --hero-gradient-light: linear-gradient(135deg, #0A84FF, #4AB3FF);
    --hero-gradient-dark: linear-gradient(135deg, #062b4d, #0A84FF);
}