/* ============================================================
   EZATEC WEBSITE FRAMEWORK — BRAND CONTROL CENTER
   Change the values in this file to update the whole website.
   ============================================================ */

:root {
    /* BRAND COLORS */
    --brand-primary: #008f79;
    --brand-primary-light: #00ad93;
    --brand-primary-dark: #006f5e;
    --brand-accent-soft: #dff7f2;

    /* BACKGROUNDS */
    --bg-page: #ffffff;
    --bg-soft: #f4f8f7;
    --bg-dark: #0f1e22;
    --bg-dark-alt: #152a30;
    --bg-card: #ffffff;

    /* TEXT */
    --text-heading: #132327;
    --text-body: #4c5d61;
    --text-muted: #718186;
    --text-on-dark: #eef8f6;
    --text-on-primary: #ffffff;

    /* BORDERS AND SHADOWS */
    --border-color: #dbe6e3;
    --shadow-card: 0 18px 50px rgba(15, 30, 34, 0.10);
    --shadow-small: 0 8px 24px rgba(15, 30, 34, 0.08);

    /* TYPOGRAPHY */
    --font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* LOGO CONTROLS */
    --logo-header-width: 232px;
    --logo-mobile-width: 178px;
    --logo-footer-width: 205px;

    /* LAYOUT */
    --site-max-width: 1200px;
    --content-narrow: 780px;
    --header-height: 82px;
    --section-space: 96px;
    --section-space-mobile: 64px;

    /* SHAPE */
    --radius-small: 10px;
    --radius-medium: 18px;
    --radius-large: 28px;
    --button-radius: 999px;

    /* IMAGE FITTING */
    --hero-image-height: 520px;
    --service-image-height: 230px;

    /* TRANSITIONS */
    --transition-fast: 180ms ease;
    --transition-standard: 260ms ease;
}