/*==========================================
  Helcu Root CSS v1.0
==========================================*/

:root{

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

    --primary:#0B3C5D;

    --primary-light:#145374;

    --secondary:#0A9396;

    --accent:#38BDF8;


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

    --success:#16A34A;

    --warning:#F59E0B;

    --danger:#DC2626;


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

    --white:#FFFFFF;

    --background:#F8FAFC;

    --surface:#FFFFFF;

    --text:#1F2937;

    --text-light:#6B7280;

    --border:#E5E7EB;


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

    --layout-width:1450px;

    --layout-fluid:95%;


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

    --radius-sm:8px;

    --radius-md:16px;

    --radius-lg:24px;

    --radius-xl:32px;


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

    --shadow-sm:

        0 4px 12px rgba(15,23,42,.05);

    --shadow-md:

        0 12px 30px rgba(15,23,42,.08);

    --shadow-lg:

        0 24px 60px rgba(15,23,42,.12);


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

    --transition:

        all .30s ease;

}