:root {
    --futuressoft-navy: #11194b;
    --futuressoft-navy-deep: #0a0f33;
    --futuressoft-navy-ink: #050818;
    --futuressoft-teal: #164b96;
    --futuressoft-teal-bright: #2eace3;
    --futuressoft-teal-deep: #164b96;
    --futuressoft-lime: #74af00;
    --futuressoft-lime-bright: #98d818;
    --surface-0: #ffffff;
    --surface-1: #f8fafc;
    --surface-2: #f1f4f9;
    --surface-3: #e5eaf2;
    --surface-4: #c9d1df;

    --dark-line: rgba(255, 255, 255, 0.08);
    --dark-line-strong: rgba(255, 255, 255, 0.16);
    --fg-on-dark-1: #ffffff;
    --fg-on-dark-2: rgba(255, 255, 255, 0.78);
    --fg-on-dark-3: rgba(255, 255, 255, 0.55);
    --fg-on-dark-4: rgba(255, 255, 255, 0.32);
    --success: #15b3a5;
    --warning: #e8a53c;
    --danger: #e5484d;
    --info: #5471ff;
    --grad-aurora: linear-gradient(135deg, #164b96, #2eace3);
    --grad-signal: linear-gradient(135deg, #2eace3, #74af00);
    --grad-night: linear-gradient(180deg, #0a0f2a, #050818);
    --grad-spotlight: radial-gradient(60% 60% at 50% 0%, rgba(46, 172, 227, 0.18), transparent 70%);

    --shadow-xs: 0 1px 2px rgba(8, 15, 52, 0.06);
    --shadow-sm: 0 2px 8px rgba(8, 15, 52, 0.06), 0 1px 2px rgba(8, 15, 52, 0.04);
    --shadow-md: 0 8px 24px rgba(8, 15, 52, 0.08), 0 2px 6px rgba(8, 15, 52, 0.04);
    --shadow-lg: 0 20px 60px rgba(8, 15, 52, 0.12), 0 4px 12px rgba(8, 15, 52, 0.06);
    --shadow-glow-teal: 0 0 0 1px rgba(31, 212, 194, 0.4), 0 8px 32px rgba(31, 212, 194, 0.25);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 128px;
    --font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --font-tertiary: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;


    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

}