:root {
    --color-accent: #d78866;
    --color-accent-alt: #da8a67;
    --color-accent-deep: #ca8061;
    --color-secondary: #857363;
    --color-text: #2d2d2d;
    --color-text-muted: #505050;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-bg: #ffffff;
    --color-bg-soft: #f4f1ee;
    --color-band: #232323;
    --color-band-alt: #1c1c1c;
    --color-band-text: #ffffff;
    --slider-interval: 9000ms;
    --color-overlay: rgba(0, 0, 0, 0.42);
    --color-overlay-strong: rgba(0, 0, 0, 0.62);
    --color-overlay-card: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.72) 100%);
    --color-border: rgba(45, 45, 45, 0.12);
    --color-focus: #d78866;
    --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.75rem;
    --text-2xl: 2.375rem;
    --text-hero: clamp(2.15rem, 5vw, 4.1rem);
    --leading-tight: 1.15;
    --leading-body: 1.7;
    --tracking-nav: 0.16em;
    --tracking-title: 0.12em;
    --tracking-hero: 0.08em;
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2.5rem;
    --space-2xl: 4rem;
    --space-3xl: 5.5rem;
    --container-width: 1170px;
    --container-narrow: 760px;
    --gutter: 0.9375rem;
    --header-height: 70px;
    --grid-gap: 1.5rem;
    --card-ratio: 4 / 3;
    --radius: 0;
    --transition-fast: 200ms ease;
    --transition: 280ms ease;
    --transition-slider: 800ms ease;
    --transition-card: 450ms cubic-bezier(0.22, 1, 0.36, 1);
    --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.08);
    --color-header-ghost: #d78866b3;
    --logo-height: 25px;
    --z-skip: 1000;
    --z-header: 800;
    --z-overlay: 850;
    --z-menu: 900;
    --z-preview: 950;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/montserrat-light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/montserrat-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/montserrat-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}