:root {
    --primary: #2563eb;
    /* Indigo-600 */
    --primary-hover: #1d4ed8;
    --accent: #38bdf8;
    /* Sky-400 */
    --accent-soft: #60a5fa;
    --text-dark: #0f172a;
    --text-muted: #475569;

    --glass-bg: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.45);

    --shadow-sm: 0 6px 18px rgba(37, 99, 235, 0.12);
    --shadow-md: 0 14px 35px rgba(37, 99, 235, 0.22);
    --shadow-lg: 0 25px 55px rgba(37, 99, 235, 0.35);
}


body {
    background:
        radial-gradient(circle at top, rgba(56, 189, 248, 0.35), transparent 45%),
        linear-gradient(135deg, #e0f2fe, #eef2ff);

}