/* ===== Global Variables (:root) ===== */
:root {
    /* Общие зоны, которые меняются темой */
    --site-bg: #E4E6E8; /* фон всей страницы под секциями */
    --header-bg: #ffffff; /* фон верхнего меню */
    --footer-bg: #ffffff; /* фон футера */
    --menu-bg: #ffffff; /* фон выпадающего меню */
    --menu-text: #333; /* текст меню/футера */
    --card: #ffffff; /* фон карточек */
    --card-borders: #1B1B1B1A;
    --step-number-bg: #0F466A;
    --page-bg: #f5f6f7;
    --section-bg-primary: #ffffff;
    --section-bg-secondary: #fafbfc;
    --section-radius: 16px;
    --content-max-width: 960px;
    /* Colors */
    --color-bg: #f9fafb;
    --color-text: #111827;
    --color-card: #ffffff;
    /* Buttons */
    --btn-bg: #F05A28;
    --btn-text: #ffffff;
    --science-bg: #f9f9f9;
    --science-step-bg: #808080;
    /* Spacing */
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 32px;
    /* Typography */
    /* Fonts */
    --font-play: 'Play', sans-serif;
    --font-quattro: 'Quattrocento Sans', serif;
    --font-atpos: 'Atpos', sans-serif;
    --font-maven: 'Maven Pro', sans-serif;
    /* Font sizes — в rem */
    --fs-12: 0.75rem; /* 12px */
    --fs-14: 0.875rem; /* 14px */
    --fs-16: 1rem; /* 16px */
    --fs-18: 1.125rem; /* 18px -  */

    --fs-20: 1.25rem; /* 20px */
    --fs-24: 1.50rem; /* 20px */
    --fs-28: 1.75rem; /* 28px */
    --fs-32: 2rem; /* 32px */
    --fs-36: 2.25rem; /* 36px -  */

    --fs-48: 3rem; /* 48px */
    --fs-52: 3.25rem; /* 52px */
    --fs-56: 3.5rem; /* 56px */
    --fs-64: 4rem; /* 64px */
    --fs-72: 4.5rem; /* 72px */
    /* Font weights */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /*icon*/
    --icon-arrow: url('/images/pages/icon-arrow.png');
}


/* ===== Home Page Sections (.page-home) ===== */
.page-home {
    --home-hero-bg: url('/images/pages/home-hero-bg.png');
    --home-cards-bg: #f5f5f5;
    --home-how-bg: url('/images/pages/bg-vector.png');
    --home-awards-bg: url('/images/pages/home-awards-bg.png');
}

/* ===== About Page Sections (.page-about) ===== */
.page-about {
    --about-top-bg: url('../images/about-top.jpg');
    --about-team-bg: url('../images/about-team.jpg');
    --about-top-color: #111827;
    --about-team-padding: 40px 20px;
}