/*
Theme Name: adderehealth
Theme URI: #
Author: Anatoliy
Author URI: #
Description: Adderehealth custom theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom, theme, development
Text Domain: adderehealth-theme
*/

*,
*::before,
*::after { box-sizing: border-box; }

img, picture, video, canvas, svg {
    display: block;
}

a{
    text-decoration: none;
}

input, button, textarea, select { font: inherit; }

html, body {
    font-size: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.site-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ----------------------------
Breakpoints: 5 ranges (xs, sm, md, lg, xl)
xl: 1920
lg: 1536
md: 1440 - 1280
sm: 1024 - 768
xs: 472 - 320
---------------------------- */

:root {

    /* ===== Colors Elements ===== */
    --color-bg-light: #F7F7F7;
    --color-bg-dark: #F1F1F1;
    --color-primary-green: #197278;
    --color-primary-orange: #F2931C;


    /* ===== Colors Fonts ===== */
    --color-ft-white: #ffffff;
    --color-ft-main: #252525;
    --color-ft-heading-pale: #BC6800;

    /* ===== Typography ===== */
    /* Font families */
    --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    --font-serif: ui-serif, Georgia, "Times New Roman", Times, serif;


    /* Type scale */
    /*--fs-xs: 1rem;   !* 16px base *!*/
    /*--fs-sm: 0.875rem;  !* 14px *!*/
    /*--fs-md: 1rem;      !* 16px *!*/
    --fs-main: 1.56rem; /* 25px */
    --fs-btn: 1.5rem; /* 24px */
    --fs-big: 3rem; /* 48px */
    --fs-small: 1rem; /* 16px */
    --fs-smaller: 0.875rem; /* 14px */

    /* Font weights */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* Line heights h1-101; h2-92; h4-73; h6-38; text-38  */
    --lh-tight: 1.15;
    --lh-snug: 1.25;
    --lh-normal: 1.5;
    --lh-relaxed: 1.7;


    /* Headings */
    --fs-h6: 1.875rem; /*-30px-*/
    /*--fs-h5: 1.125rem;*/
    --fs-h4: 2.312rem; /*-37px-*/
    /*--fs-h3: 1.5rem;*/
    --fs-h2: 5rem; /*-80px-*/
    --fs-h1: 5.875rem; /*-94px-*/


    /* ===== Radius (responsive) ===== */
    --radius-menu: 29px;
    --radius-card: 41px;
    --radius-input: 20px;
    --radius-btn: 20px;

    /* ===== Shadows ===== */
    --shadow-hover: 0 1px 2px rgba(0,0,0,0.06), 0 1px 1px rgba(0,0,0,0.04);
    --shadow-menu: 0 6px 18px rgba(0,0,0,0.10);

    /* ===== Motion ===== */
    --dur-main: 0.2s;

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

    /* ===== Z-index scale ===== */
    --z-base: 0;
    --z-sticky: 10;
    --z-dropdown: 20;
    --z-overlay: 30;
    --z-modal: 40;
    --z-toast: 50;

    /* ===== Sections ===== */
    --sec-pad: 100px 0;
}