/*
=========================================
BILIN DESIGN TOKENS
Release 1.5
=========================================
*/

:root{

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

    --primary:#0097B2;
    --primary-dark:#007C91;
    --secondary:#F5A623;

    --background:#F7FAFC;
    --surface:#FFFFFF;

    --text:#444444;
    --heading:#1E293B;

    --border:#E5E7EB;

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

    --radius-sm:8px;
    --radius:14px;
    --radius-lg:20px;
    --radius-xl:30px;

    /* ==========================
       Shadows
    ========================== */

    --shadow-sm:0 4px 10px rgba(0,0,0,.05);

    --shadow:0 10px 30px rgba(0,0,0,.08);

    --shadow-lg:0 20px 45px rgba(0,0,0,.12);

    /* ==========================
       Typography
    ========================== */

    --fs-xs:13px;
    --fs-sm:15px;
    --fs:16px;
    --fs-lg:22px;
    --fs-xl:42px;
    --fs-hero:58px;

    /* ==========================
       Layout
    ========================== */

    --container:1200px;

    --section-space:110px;

    /* ==========================
       Animation
    ========================== */

    --transition:.35s ease;

}