/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ==========================================================================
   THEME VARIABLES
========================================================================== */

:root {

    /* -----------------------------------
	   Containers
	----------------------------------- */

    --container-width: 1400px;
    --container-width-narrow: 1150px;
    --container-padding: 2rem;

    /* -----------------------------------
	   Section Spacing
	----------------------------------- */

    --section-spacing: 4rem;
    --section-spacing-mobile: 4rem 2rem;

    /* -----------------------------------
	   Brand Colors
	----------------------------------- */

    --color-accent: #943d18;
    --color-accent-hover: #943d18de;

    --color-secondary: #642713;
    --color-secondary-hover: #642713e3;

    --color-dark: #474747;
    --color-dark-hover: #474747e8;

    --color-neutral: #f8f8f5;

    /* -----------------------------------
	   Base Colors
	----------------------------------- */

    --color-white: #ffffff;
    --color-black: #000000;

    --color-text: #222222;
    --color-border: #d9d9d9;

    /* -----------------------------------
	   Typography
	----------------------------------- */

    --font-family-primary:
        "Lato",
        sans-serif;

    --font-size-h1: 50px;
    --font-size-h2: 36px;
    --font-size-h3: 24px;
    --font-size-h4: 22px;
    --font-size-h5: 20px;
    --font-size-h6: 18px;

    --font-size-h1-mobile: 40px;
    --font-size-h2-mobile: 26px;

    --font-size-body-large: 18px;
    --font-size-body: 16px;
    --font-size-small: 14px;

    --line-height-heading: 1;
    --line-height-body: 1.4;

    --font-weight-heading: 700;
    --font-weight-body: 400;

    --letter-spacing-heading: 1px;
    --letter-spacing-button: 1px;

    /* -----------------------------------
	   Buttons
	----------------------------------- */

    --button-font-size: 15px;
    --button-min-height: 30px;
    --button-padding: 15px 35px;
    --radius-button: 5px;
    --button-font-weight: 700;
    --button-letter-spacing: 1px;
    --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.08);
    ;
}