:root {

    --primary-color: #2563eb;
    --primary-hover: #3b82f6;
    --accent-color: #38bdf8;
    --success-color: #22c55e;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;

    --background-color: #09090b;
    --surface-color: #111827;
    --card-color: #18181b;
    --border-color: #27272a;

    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;

    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.35);

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-full: 999px;

    --transition-fast: .2s ease;
    --transition-normal: .35s ease;
    --transition-slow: .5s ease;

    --container-width: 1320px;

    --section-padding: 110px;

    --navbar-height: 80px;

    --heading-font: "Poppins", sans-serif;
    --body-font: "Inter", sans-serif;

    --hero-image-size: 460px;

--glass-bg: rgba(24, 24, 27, .65);

--glass-border: rgba(255,255,255,.08);

--blue-glow: rgba(37,99,235,.35);

--cyan-glow: rgba(56,189,248,.30);

}