/* ==========================================
   ENSAN DESIGN SYSTEM
========================================== */

:root{

    /* ========= Brand Colors ========= */

    --primary: #7C3AED;
    --primary-light: #A855F7;
    --primary-dark: #5B21B6;

    --secondary: #EC4899;
    --secondary-light: #F472B6;

    --accent: #FF7A1A;
    --accent-light: #FFB067;

    /* ========= Neutral ========= */

    --white: #FFFFFF;
    --background: #FCFAFF;
    --surface: #FFFDFE;

    --text: #2D1B69;
    --text-light: #6B7280;

    --border: #EEE7FF;

    /* ========= Status ========= */

    --success: #22C55E;
    --warning: #F59E0B;
    --danger: #EF4444;

    /* ========= Radius ========= */

    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 30px;
    --radius-xl: 40px;
    --radius-pill: 999px;

    /* ========= Shadow ========= */

    --shadow-sm:
        0 6px 18px rgba(124,58,237,.05);

    --shadow-md:
        0 15px 35px rgba(124,58,237,.08);

    --shadow-lg:
        0 25px 60px rgba(124,58,237,.12);

    /* ========= Transition ========= */

    --transition-fast: .25s ease;

    --transition: .35s ease;

    --transition-slow: .5s ease;

    /* ========= Container ========= */

    --container-width: 1400px;

    --container-padding: 24px;

    /* ========= Spacing ========= */

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-7:32px;
    --space-8:40px;
    --space-9:48px;
    --space-10:60px;
    --space-11:80px;
    --space-12:100px;
    /* ==========================================
   ANIMATIONS
========================================== */

--animation-fast: .25s;
--animation-normal: .4s;
--animation-slow: .7s;

--ease: cubic-bezier(.22,.61,.36,1);

}