@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');

/* =========================================================
   DESIGN TOKENS
   ========================================================= */
:root {
    --primary: #3891A6;
    --accent-cyan: #2DD4FF;
    --accent-orange: #FF9800;
    --accent-purple: #9C27B0;
    --accent-emerald: #22C55E;
    --background: #0C1B2A;
    --surface: #121212;
    --white: #FFFFFF;
    /* Brand gradient — fuses the SmartShift logo tricolor */
    --brand-gradient: linear-gradient(120deg, #3891A6 0%, #2DD4FF 28%, #9C27B0 64%, #FF9800 100%);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}