/*==================================================
    TIPA MART DESIGN SYSTEM
==================================================*/

:root{

    /* Colors */

    --primary:#082C6C;
    --primary-light:#0B57B7;

    --secondary:#F5B51D;
    --secondary-dark:#E9A900;

    --white:#ffffff;
    --black:#222222;

    --text:#444444;
    --border:#e8e8e8;
    --light:#f8f8f8;

    /* Radius */

    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:24px;

    /* Shadows */

    --shadow-sm:0 4px 10px rgba(0,0,0,.08);
    --shadow-md:0 8px 20px rgba(0,0,0,.10);
    --shadow-lg:0 15px 35px rgba(0,0,0,.12);

    /* Transition */

    --transition:.3s ease;

}