/* ===================================================
   Hosty Design V2
   variables.css - Part 1
=================================================== */

:root{

    /* Brand Colors */
    --primary-color:#0F4C81;
    --primary-light:#2D6FA7;
    --primary-dark:#08365C;

    --secondary-color:#F39C12;
    --secondary-light:#FFB83D;
    --secondary-dark:#D88400;

    --accent-color:#19B5FE;

    /* Background Colors */
    --body-bg:#F7F9FC;
    --section-bg:#FFFFFF;
    --section-alt:#F2F5F9;
    --footer-bg:#0D1B2A;

    /* Text Colors */
    --text-dark:#1D1D1D;
    --text-color:#444444;
    --text-light:#777777;
    --text-white:#FFFFFF;

    /* Border Colors */
    --border-color:#E4E7EC;
    --border-light:#F1F3F6;

    /* Status Colors */
    --success:#2ECC71;
    --warning:#F1C40F;
    --danger:#E74C3C;
    --info:#3498DB;

    /* Shadows */
    --shadow-sm:0 4px 12px rgba(0,0,0,.05);
    --shadow-md:0 10px 30px rgba(0,0,0,.08);
    --shadow-lg:0 20px 50px rgba(0,0,0,.12);

    /* Border Radius */
    --radius-sm:6px;
    --radius-md:12px;
    --radius-lg:18px;
    --radius-xl:30px;
    --radius-round:50px;
}

/* ===================================================
   Hosty Design V2
   variables.css - Part 2
=================================================== */

:root{

    /* Typography */
    --font-family:'Cairo',sans-serif;

    --fs-xs:.75rem;
    --fs-sm:.875rem;
    --fs-base:1rem;
    --fs-md:1.125rem;
    --fs-lg:1.5rem;
    --fs-xl:2rem;
    --fs-2xl:2.75rem;
    --fs-3xl:3.5rem;

    --fw-light:300;
    --fw-regular:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;
    --fw-extrabold:800;

    /* Spacing */
    --space-1:.25rem;
    --space-2:.5rem;
    --space-3:.75rem;
    --space-4:1rem;
    --space-5:1.5rem;
    --space-6:2rem;
    --space-7:3rem;
    --space-8:4rem;
    --section-padding:100px;

    /* Layout */
    --container-width:1320px;
    --container-padding:15px;
    --header-height:90px;
    --topbar-height:42px;

    /* Transitions */
    --transition-fast:.2s ease-in-out;
    --transition:.35s ease;
    --transition-slow:.6s ease;

    /* Layers */
    --z-dropdown:1000;
    --z-sticky:1020;
    --z-fixed:1030;
    --z-modal:1050;

    /* Gradients */
    --gradient-primary:linear-gradient(135deg,#0F4C81,#2D6FA7);
    --gradient-accent:linear-gradient(135deg,#F39C12,#FFB83D);

    /* Buttons */
    --btn-padding:14px 32px;
    --btn-radius:50px;

    /* Cards */
    --card-radius:20px;
    --card-padding:30px;
}