/* ======================================================
   Architecture Website Framework
   Variables CSS
   Version 1.0
======================================================*/

:root{

    /*==========================================
    COLORS
    ==========================================*/

    --primary:#1F1F1F;
    --secondary:#B68A53;

    --text:#555555;
    --text-light:#777777;

    --background:#F8F7F4;

    --surface:#FFFFFF;
    --surface-light:#F3F2EF;

    --accent-light:#E8DDCF;

    --border:#E6E2DC;

    --success:#2E7D32;
    --warning:#F9A825;
    --error:#C62828;


    /*==========================================
    TYPOGRAPHY
    ==========================================*/

    --heading-font:"Cormorant Garamond", serif;
    --body-font:"Manrope", sans-serif;

    --h1:84px;
    --h2:60px;
    --h3:36px;
    --h4:26px;

    --body:18px;
    --small:15px;

    --line-height:1.7;

    --font-light:300;
    --font-regular:400;
    --font-medium:500;
    --font-semibold:600;
    --font-bold:700;


    /*==========================================
    LAYOUT
    ==========================================*/

    --container:1200px;

    --header-height:120px;

    --section-padding:120px;

    --section-gap:80px;

    --max-text-width:700px;


    /*==========================================
    SPACING
    ==========================================*/

    --space-xs:10px;
    --space-sm:20px;
    --space-md:30px;
    --space-lg:50px;
    --space-xl:80px;


    /*==========================================
    BORDER RADIUS
    ==========================================*/

    --radius:20px;
    --radius-sm:10px;
    --radius-lg:30px;


    /*==========================================
    SHADOWS
    ==========================================*/

    --shadow-sm:0 8px 25px rgba(0,0,0,.06);

    --shadow-md:0 15px 45px rgba(0,0,0,.10);

    --shadow-lg:0 25px 70px rgba(0,0,0,.15);


    /*==========================================
    ANIMATION
    ==========================================*/

    --transition:all .35s ease;

}