:root { --layout-max-width: 1400px; --layout-radius: 0; --palette-akcent-marki: #2b3971; --palette-akcent-marki-hover: #5f6786; --palette-akcent-marki-secondary: #4299e7; --palette-akcent-marki-secondary-hover: #35a0fd; --color-primary-rgb: 43, 57, 113; --color-secondary-rgb: 66, 153, 231; --color-accent-rgb: 66, 153, 231; --color-shadow-rgb: 30, 41, 59; --color-bg: #ffffff; --color-surface: #ffffff; --color-surface-soft: #eef4fc; --color-surface-strong: #1e3a5f; --color-border: #c5d9f0; --color-text: #1e293b; --color-text-muted: #64748b; --color-primary: var(--palette-akcent-marki); --color-primary-hover: var(--palette-akcent-marki-hover); --color-secondary: var(--palette-akcent-marki-secondary); --color-on-secondary: #fff7ee; --color-footer-bg: #0f2847; --color-footer-text: #ffffffe0; --color-footer-muted: #ffffffa6; --color-footer-column-title: #cce3ff; --color-footer-link: #f5f5f5; --color-footer-link-hover: #86a9d5; --color-footer-credit-link: #f5f5f5; --color-footer-credit-link-hover: #86a9d5; --color-footer-social-fg: #ffffff; --color-footer-border: #ffffff24; --color-footer-input-bg: #ffffff; --color-header-bg: #5280b7; --color-header-border: #e7dcc8; --color-brand-text: #ffffff; --brand-logo-d-max-h: 120px; --brand-logo-d-max-w: 240px; --color-nav-link: #ffffffeb; --color-nav-link-bg: transparent; --color-nav-link-hover: #ffffff; --color-nav-link-hover-bg: transparent; --color-nav-link-active: #ffffff; --color-nav-link-active-bg: transparent; --color-nav-link-active-bar: var(--color-secondary); --color-nav-tabs-bg: transparent; --color-nav-tabs-border: transparent; --color-nav-link-icon: #ffffffeb; --color-nav-chevron: #6b4f2a; --color-header-drawer-close-icon: #6b4f2a; --color-header-social-fg: #206bc4; --color-header-social-bg: #ffffff; --color-header-social-border: #6876b1; --color-header-social-hover: #6876b1; --color-nav-hamburger: #1e293b; --color-submenu-bg: #ffffff; --color-mobile-nav-bg: #ffffff; --color-mobile-nav-border: #e7dcc8; --color-mobile-nav-link: #3a2d22; --color-mobile-nav-link-hover: #6b4f2a; --color-trust-strip-bg: #f6f0e7; --color-trust-strip-text: #3a2d22; --color-link: #206bc4; --color-link-hover: #1a5699; --color-on-primary: #ffffff; --color-heading: #1f1a14; --color-h1: #1f1a14; --color-h2: #206bc4; --color-h3: #1f1a14; --font-family-base: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-family-heading: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-size-base: 1rem; --font-size-sm: 0.875rem; --font-size-lead: 1.08rem; --font-size-h1: clamp(2.25rem, 5vw, 4rem); --font-size-h2: clamp(1.85rem, 3vw, 2.2rem); --font-size-h3: clamp(1.2rem, 2.2vw, 1.45rem); --font-size-h4: 1.1rem; --font-weight-body: 500; --font-weight-strong: 600; --font-weight-heading: 600; --font-weight-bold-max: 600; --line-height-body: 1.6; --letter-spacing-heading: 0.01em; --gtranslate-font-size: 13px; --gtranslate-radius: 12px; --gtranslate-trigger-bg: #ffffff; --gtranslate-trigger-border: #e7dcc8; --gtranslate-trigger-text: #6b4f2a; --gtranslate-trigger-border-hover: #d8c4a3; --gtranslate-dropdown-bg: #ffffff; --gtranslate-dropdown-border: #e7dcc8; --gtranslate-item-text: #3a2d22; --gtranslate-item-hover-bg: #f6f0e7; --gtranslate-item-current-bg: #efe6d8; --gtranslate-chevron: #6b4f2a; --modal-overlay-backdrop: rgba(31, 26, 20, 0.45); --modal-calendar-backdrop: rgba(31, 26, 20, 0.45); --modal-filter-backdrop: rgba(31, 26, 20, 0.45); --theme-comp-tile-card-radius: var(--layout-radius, 0); --theme-comp-tile-media-radius: var(--layout-radius, 0); --theme-comp-tile-card-padding: 0.65rem; --theme-comp-tile-grid-gap: clamp(1.15rem, 2vw, 1.65rem); --theme-comp-tile-border-mix-pct: 55%; --theme-comp-tile-shadow-alpha: 0.05; --theme-comp-searchbar-height: 64px; --theme-comp-searchbar-radius: var(--layout-radius, 0); --theme-comp-searchbar-btn-radius: var(--theme-comp-searchbar-radius, var(--layout-radius, 0)); --theme-comp-searchbar-strip-padding: 0; --theme-comp-searchbar-strip-bg: #fff; --theme-comp-searchbar-strip-border: var(--color-border); --theme-comp-reviews-card-bg: #ffffff; --theme-comp-reviews-card-border: #64748b26; --theme-comp-reviews-star-filled: #58c65a; --theme-comp-reviews-star-empty: #cfcfcf; --theme-comp-reviews-body-color: #0f172a; --theme-comp-reviews-author-color: #0f172a; --theme-comp-reviews-meta-color: #0f172a; --theme-comp-reviews-title-color: #0f172a; --theme-comp-newsletter-surface-tint: #0f172a; --theme-comp-newsletter-footer-strip-fg: #0f172a; --theme-comp-newsletter-footer-title-color: #0f172a; --theme-comp-room-price-accent-mix-pct: 28%; --theme-comp-room-page-bg: color-mix(in srgb, var(--color-surface-soft) 38%, var(--color-bg) 62%); --theme-comp-room-surface: var(--color-surface); --theme-comp-room-accent: var(--color-primary); --theme-comp-room-border-mix-pct: 55%; --theme-comp-room-nav-hover-mix-pct: 10%; --theme-comp-room-price-panel-bg: color-mix(in srgb, var(--color-surface-soft) 65%, var(--color-bg) 35%); --theme-comp-room-subnav-active-bg: var(--color-primary); --theme-comp-room-subnav-active-color: var(--color-on-primary, #fff); --theme-comp-room-subnav-hover-bg: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)); --theme-comp-room-subnav-hover-color: var(--color-primary); --theme-comp-room-subnav-inactive-color: var(--color-text-muted); --theme-comp-room-spec-icon-color: var(--color-primary); --theme-comp-room-spec-icon-bg-mix-pct: 14%; --theme-comp-room-spec-tile-border-mix-pct: 14%; --theme-comp-room-card-title-accent: var(--color-primary); --theme-comp-room-chip-bg: var(--color-primary); --theme-comp-room-chip-color: var(--color-on-primary, #fff); --theme-comp-room-cal-free: #8fd492; --theme-comp-room-cal-free-hover: #7ec882; --theme-comp-room-cal-busy: #e8a4a4; --theme-comp-room-cal-busy-text: #6b3333; --theme-comp-room-cal-selection: #0f766e; --theme-comp-room-cal-selection-hover: #0d6b63; --theme-comp-room-cal-selection-mid: #b8ebe3; --theme-comp-room-cal-selection-mid-text: #115e59; --theme-comp-room-cal-selection-preview: #5eead4; --theme-comp-room-cal-today-bg: #fff4e6; --theme-comp-room-cal-today-ring: #ea580c; --theme-comp-btn-radius: var(--layout-radius, 0); --theme-comp-btn-primary-bg: #2b3971; --theme-comp-btn-primary-bg-hover: #6876b1; --theme-comp-btn-primary-color: #ffffff; --theme-comp-btn-primary-color-hover: #ffffff; --theme-comp-btn-primary-border: #0f172a; --theme-comp-btn-primary-border-hover: #0f172a; --theme-comp-btn-secondary-bg: #0f172a; --theme-comp-btn-secondary-bg-hover: #0f172a; --theme-comp-btn-secondary-color: #0f172a; --theme-comp-btn-secondary-color-hover: #0f172a; --theme-comp-btn-secondary-border: #0f172a; --theme-comp-btn-secondary-border-hover: #0f172a; --theme-comp-btn-medium-radius: var(--theme-comp-btn-radius, var(--layout-radius, 0)); --theme-comp-btn-medium-primary-bg: var(--palette-akcent-marki); --theme-comp-btn-medium-primary-bg-hover: var(--palette-akcent-marki-hover); --theme-comp-btn-medium-primary-color: #ffffff; --theme-comp-btn-medium-primary-color-hover: #ffffff; --theme-comp-btn-medium-primary-border: #0f172a; --theme-comp-btn-medium-primary-border-hover: #0f172a; --theme-comp-btn-medium-secondary-bg: #0f172a; --theme-comp-btn-medium-secondary-bg-hover: #0f172a; --theme-comp-btn-medium-secondary-color: #0f172a; --theme-comp-btn-medium-secondary-color-hover: #0f172a; --theme-comp-btn-medium-secondary-border: #0f172a; --theme-comp-btn-medium-secondary-border-hover: #0f172a; --theme-comp-shell-header-logo-max-height: 56px; --theme-comp-h16-utility-blur: blur(22px) saturate(1.35); --theme-comp-h16-utility-bg-opacity-pct: 0%; --theme-comp-h16-main-bg-opacity-pct: 0%; --theme-comp-h16-utility-border-opacity-pct: 0%; --theme-comp-h16-main-border-opacity-pct: 0%; --theme-comp-header-hero-text: #ffffff; --theme-comp-header-hero-overlay-bg-opacity-pct: 0; --theme-comp-header-hero-overlay-border-opacity-pct: 18; --theme-comp-header-hero-glass-bg-opacity-pct: 12; --theme-comp-header-hero-glass-border-opacity-pct: 18; --theme-comp-header-hero-blur: blur(6px); --theme-comp-nav-d-link-fs: 0.9rem; --theme-comp-nav-d-link-fw: 600; --theme-comp-nav-d-link-gap: 0.18rem; --theme-comp-nav-d-link-pad-x: 0.55rem; --theme-comp-nav-d-link-pad-y: 0.42rem; --theme-comp-nav-d-link-tracking: 0.04em; --theme-comp-nav-d-link-transform: none; --theme-comp-nav-d-link-transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease; --theme-comp-nav-d-link-hover-lift: none; --theme-comp-nav-d-link-bg-gradient-hover: none; --theme-comp-nav-scroll-threshold: 40; --theme-comp-nav-d-scroll-bar-shadow: 0 8px 28px rgba(15,23,42,0.1); --theme-comp-nav-d-scroll-bar-blur: blur(14px); --theme-comp-nav-d-submenu-radius: 8px; --theme-comp-nav-d-submenu-shadow: 0 8px 28px rgba(15,23,42,0.07); --theme-comp-nav-d-submenu-pad: 0.4rem 0.55rem; --theme-comp-nav-d-submenu-min-w: 12rem; --theme-comp-nav-m-drawer-layout: full; --theme-comp-nav-m-drawer-max-w: min(420px, 100vw); --theme-comp-nav-m-drawer-pad-x: 1.15rem; --theme-comp-nav-m-drawer-pad-y: 1rem; --theme-comp-nav-m-link-fs: 1.05rem; --theme-comp-nav-m-link-fw: 600; --theme-comp-nav-m-link-gap: 0.35rem; --theme-comp-nav-m-row-pad-y: 0.5rem; --theme-comp-nav-m-sheet-transition: transform 0.38s cubic-bezier(0.32, 0.72, 0, 1), visibility 0s linear 0.38s; --theme-comp-nav-m-backdrop-strength-pct: 0%; --theme-comp-nav-m-drawer-backdrop: blur(12px); --theme-comp-nav-h-btn-size: 44px; --theme-comp-nav-h-line-gap: 5px; --theme-comp-nav-h-duration: 0.22s; --theme-comp-nav-h-btn-radius: 8px; --theme-comp-nav-h-btn-bg: #ffffff; --theme-comp-nav-h-btn-bg-hover: #f8fafc; --theme-comp-nav-h-btn-border: #0f172a1f; --theme-comp-nav-h-line-color: #1e293b; --theme-comp-nav-h-hero-btn-bg: #ffffff; --theme-comp-nav-h-hero-btn-bg-hover: #f8fafc; --theme-comp-nav-h-hero-btn-border: #0f172a1a; --theme-comp-nav-h-hero-line-color: #1e293b; --theme-comp-phone-d-bg: var(--palette-akcent-marki); --theme-comp-phone-u-bg: #0f172a; --theme-comp-phone-u-bg-hover: #0f172a; --theme-comp-phone-u-color: #ffffff; --theme-comp-phone-u-color-hover: #ffffff; --theme-comp-phone-d-bg-hover: var(--palette-akcent-marki-secondary); --theme-comp-phone-d-color: #ffffff; --theme-comp-phone-d-color-hover: #ffffff; --theme-comp-phone-d-border: #0f172a; --theme-comp-phone-m-bg: #0f172a; --theme-comp-phone-m-bg-hover: #0f172a; --theme-comp-phone-m-color: #ffffff; --theme-comp-phone-m-color-hover: #ffffff; --theme-comp-phone-m-border: #0f172a; }