/* =========================================
   AKI FEST CSS VARIABLES
   Design System
========================================= */


/* =========================
   ROOT VARIABLES
========================= */


:root {


    /* =====================
       COLORS
    ===================== */


    --pink-light:#fff4f9;


    --pink-soft:#ffd6e7;


    --pink-medium:#ffc2d6;


    --pink-main:#ffa6c9;


    --pink:#ff8cb7;


    --pink-dark:#ff75a8;


    --pink-strong:#ff5fba;


    --pink-accent:#ff4f9d;



    --white:#ffffff;



    --text-dark:#5b3b4a;


    --text:#666666;


    --text-light:#777777;





    /* =====================
       GRADIENTS
    ===================== */


    --main-gradient:

    linear-gradient(

        135deg,

        #ff8cb7,

        #ffa6c9

    );



    --background-gradient:

    linear-gradient(

        135deg,

        #fff4f9,

        #ffd6e7

    );



    --vip-gradient:

    linear-gradient(

        135deg,

        #fff4f9,

        #ffd6e7

    );





    /* =====================
       SHADOWS
    ===================== */


    --shadow-soft:

    0 10px 30px rgba(255,140,183,.15);



    --shadow-card:

    0 15px 40px rgba(255,140,183,.15);



    --shadow-hover:

    0 20px 50px rgba(255,140,183,.25);





    /* =====================
       BORDER RADIUS
    ===================== */


    --radius-small:20px;


    --radius-medium:30px;


    --radius-large:40px;


    --radius-round:50px;





    /* =====================
       SPACING
    ===================== */


    --section-padding:100px;


    --mobile-padding:20px;





    /* =====================
       TRANSITIONS
    ===================== */


    --transition-fast:.3s ease;


    --transition-normal:.5s ease;


    --transition-slow:.8s ease;





    /* =====================
       Z INDEX
    ===================== */


    --z-background:0;


    --z-content:5;


    --z-navbar:1000;


    --z-menu:1050;


    --z-loader:9999;





    /* =====================
       FONTS
    ===================== */


    --font-main:'Nunito',sans-serif;


    --font-title:'Fredoka',sans-serif;



}