/* ==========================================================
   Sangyan AI Technologies Ltd.
   Global Design Variables
   File    : variables.css
   Version : 1.0
========================================================== */

:root{

    /* ======================================================
       Brand Colours
    ====================================================== */

    --color-primary:#0B5FFF;
    --color-secondary:#F58220;

    --color-white:#FFFFFF;

    --color-black:#101828;

    --color-text:#344054;

    --color-muted:#667085;

    --color-border:#E4E7EC;

    --color-light:#F8F9FC;

    --color-success:#12B76A;

    --color-danger:#F04438;

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

    --font-heading:'Poppins',sans-serif;

    --font-body:'Inter',sans-serif;

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

    --container-width:1280px;

    --header-height:90px;

    --footer-padding:80px;

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

    --radius-sm:8px;

    --radius-md:16px;

    --radius-lg:24px;

    --radius-xl:32px;

    --radius-pill:999px;

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

    --shadow-sm:0 2px 8px rgba(0,0,0,.05);

    --shadow-md:0 6px 20px rgba(0,0,0,.08);

    --shadow-lg:0 12px 40px rgba(0,0,0,.10);

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

    --transition-fast:.25s ease;

    --transition-normal:.35s ease;

    --transition-slow:.50s ease;

}