/*
Theme Name: Avaari-Skin
Author: R.H
Description: Divi Child Theme of Avaari Skin
Version: 1.0
Template: Divi

This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
:root {
    /* Avaari Skin  color – August 2026 */

    /* Core */
    --avaari-black: #000000;
    --avaari-white: #FFFFFF;

    /* Backgrounds */
    --avaari-bg-main: #FBFBFA;
    --avaari-bg-soft: #F5F3F1;
    --avaari-bg-warm: #E4E2DF;

    /* Text */
    --avaari-text-primary: #000000;
    --avaari-text-secondary: #5F5A56;

    /* Accent */
    --avaari-accent: #FB4E0A;
    --avaari-accent-hover: #E64508;

    /* UI */
    --avaari-border: #E4E1DE;

    /* Buttons */
    --avaari-button-bg: #000000;
    --avaari-button-text: #FFFFFF;

     /* =========================
       AVAARI TYPOGRAPHY
       August 2026
       ========================= */

    --avaari-font-display: "Bodoni Moda", Georgia, "Times New Roman", serif;
    --avaari-font-body: "Montserrat", Arial, Helvetica, sans-serif;
    --avaari-font-script: "Allura", cursive;

    /* Font weights */
    --avaari-weight-regular: 400;
    --avaari-weight-medium: 500;
    --avaari-weight-semibold: 600;

    /* Desktop font sizes */
    --avaari-fs-display: 64px;
    --avaari-fs-h1: 56px;
    --avaari-fs-h2: 46px;
    --avaari-fs-h3: 30px;
    --avaari-fs-h4: 24px;

    --avaari-fs-body: 15px;
    --avaari-fs-small: 13px;

    --avaari-fs-nav: 12px;
    --avaari-fs-label: 12px;
    --avaari-fs-button: 12px;

    --avaari-fs-script: 42px;

    /* Line heights */
    --avaari-lh-display: 1;
    --avaari-lh-heading: 1.05;
    --avaari-lh-body: 1.65;

    /* Tracking */
    --avaari-ls-label: 0.18em;
    --avaari-ls-button: 0.16em;
    --avaari-ls-nav: 0.03em;

}

@media (max-width: 980px) {

    :root {
        --avaari-fs-display: 52px;
        --avaari-fs-h1: 46px;
        --avaari-fs-h2: 40px;
        --avaari-fs-h3: 28px;
        --avaari-fs-h4: 23px;

        --avaari-fs-script: 38px;
    }

}

@media (max-width: 767px) {

    :root {
        --avaari-fs-display: 40px;
        --avaari-fs-h1: 38px;
        --avaari-fs-h2: 34px;
        --avaari-fs-h3: 25px;
        --avaari-fs-h4: 22px;

        --avaari-fs-body: 14px;
        --avaari-fs-nav: 11px;
        --avaari-fs-label: 11px;
        --avaari-fs-button: 11px;

        --avaari-fs-script: 34px;
    }

}

body {
    font-family: var(--avaari-font-body);
    font-size: var(--avaari-fs-body);
    font-weight: var(--avaari-weight-regular);
    line-height: var(--avaari-lh-body);
    color: var(--avaari-text-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--avaari-font-display);
    font-weight: var(--avaari-weight-medium);
    color: var(--avaari-text-primary);
}

h1 {
    font-size: var(--avaari-fs-h1);
    line-height: var(--avaari-lh-heading);
}

h2 {
    font-size: var(--avaari-fs-h2);
    line-height: var(--avaari-lh-heading);
}

h3 {
    font-size: var(--avaari-fs-h3);
    line-height: 1.15;
}

h4 {
    font-size: var(--avaari-fs-h4);
    line-height: 1.2;
}

/* Hero/display heading */
.avaari-display {
    font-family: var(--avaari-font-display);
    font-size: var(--avaari-fs-display);
    font-weight: 500;
    line-height: 1;
}
/* Script text */
.avaari-script {
    font-family: var(--avaari-font-script);
    font-size: var(--avaari-fs-script);
    font-weight: 400;
    line-height: 1;
}


/* Uppercase eyebrow text */
.avaari-eyebrow {
    font-family: var(--avaari-font-body);
    font-size: var(--avaari-fs-label);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: var(--avaari-ls-label);
    text-transform: uppercase;
}


/* Button text */
.avaari-button {
    font-family: var(--avaari-font-body);
    font-size: var(--avaari-fs-button);
    font-weight: 500;
    letter-spacing: var(--avaari-ls-button);
    text-transform: uppercase;
}