@charset "UTF-8";

/*
Theme Name: Casse Auto Dela
Theme URI: https://keshiamukenge.fr
Author: Keshia Mukenge
Author URI: https://wordpress.org/
Description: Thème du site Casse Auto DELA
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1
*/

/* Initialisations des variables */
:root{
    /* Colors */
    --main-color: #AD111E;
    --secondary-color: #f9a03f;
    --black-color: #000;
    --neutral-color: #C6C2C2;
    --white-color: #FCFCFC;

    /* Headings colors */
    --h1-color: #FCFCFC;
    --h2-color: var(--black-color);
    --h3-color: var(--black-color);
    --h4-color: var(--black-color);
    --p-color: var(--black-color);
    --vignette-color: var(--black-color);
    --btn-color: var(--secondary-color);
    --footer-color: var(--black-color);

    /* Headings font-family */
    --h1-font: "Montserrat", "Arial";
    --h2-font: "Montserrat", "Arial";
    --h3-font: "Montserrat", "Arial";
    --h4-font: "Montserrat", "Arial";
    --nav-font: "Montserrat", "Arial";
    --p-font: "Montserrat", "Arial";
    --vignette-font: "Montserrat", "Arial";
    --btn-font: "Montserrat", "Arial";
    --footer-font: "Montserrat", "Arial";

    /* Headings sizes */
    --h1-size: 48px;
    --h2-size: 46px;
    --h3-size: 24px;
    --h4-size: 20px;
    --nav-size: 18px;
    --p-size: 18px;
    --vignette-size: 14px;
    --btn-size: 18px;
    --footer-size: 14px;

    /* Headings font-family */
    --h1-weight: 400;
    --h2-weight: 400;
    --h3-weight: 400;
    --h4-weight: 700;
    --p-weight: 400;
    --vignette-weight: 400;
    --btn-weight: 400;
    --footer-weight: 400;

    /* Shadows */
    --header-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}

/* Importations des fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

@font-face {
    font-family: "Montserrat";
    src: url("assets/css/fonts/Montserrat/Montserrat-Medium.ttf") format("ttf"),
           url("assets/css/fonts/Montserrat/Montserrat-Regular.ttf") format("tff");
   }