@import "core.css?v=146";

/* ==========================================================================
   FAVORIT HOTEL — BRAND DESIGN TOKENS (THEME)
   Концепция: Siberian Luxury Eco-Lodge (Янтарь, кедр, хвоя, ночная тайга)
   Стандарт: Two-Tier Token Architecture (Tier 2: Brand Theme)
   ========================================================================== */

:root {
  /* --- 1. Фирменная палитра и семантика (Бренд: Фаворит) --- */
  --color-brand:             #e0a96d; /* Тёплый сибирский янтарь (Primary CTA) */
  --color-brand-hover:       #f5c48b; /* Светлый янтарный отблеск */
  --color-brand-active:      #c4823f; /* Глубокий янтарный тон */
  --color-brand-subtle:      rgba(224, 169, 109, 0.12); /* Мягкое янтарное свечение */

  --color-accent:            #c4823f; /* Кедровый акцент */
  --color-accent-subtle:     rgba(224, 169, 109, 0.22);
  --color-frost:             #93c5fd; /* Морозный оттенок индикатора температуры */

  /* Поверхности (Тёмная таёжная тема) */
  --bg-page:                 #050907; /* Глубокий ночной хвойный фон */
  --bg-surface:              rgba(10, 18, 14, 0.78); /* Стеклянные карточки */
  --bg-surface-elevated:     rgba(18, 32, 25, 0.85); /* Ховер карточек и модалки */
  --bg-subtle:               rgba(12, 22, 17, 0.72); /* Подложки инпутов и списков */
  --shadow-color:            rgba(0, 0, 0, 0.65);    /* Глубокие контрастные тени для тёмного фона */

  /* Текст */
  --text-pure:               #ffffff; /* Чистый белый текст */
  --text-main:               #f0ece1; /* Теплый молочный текст заголовков */
  --text-muted:              #a7b7ad; /* Приглушенный хвойный текст */
  --text-dim:                #718378; /* Вторичные подписи и даты */
  --text-inverse:            #ffffff; /* Текст на янтарных кнопках */

  /* Границы */
  --border-subtle:           rgba(45, 78, 62, 0.35); /* Тонкая хвойная рамка */
  --border-strong:           rgba(224, 169, 109, 0.35); /* Янтарная акцентная рамка */
  --shell-border:            rgba(255, 255, 255, 0.1); /* Базовая стеклянная граница */

  /* Стекло и островная навигация */
  --island-bg:               rgba(9, 16, 12, 0.82); /* Матовый фон островного хедера */
  --island-nav-bg:           rgba(6, 12, 9, 0.65);  /* Фон капсулы навигации */
  --glass-bg-subtle:         rgba(255, 255, 255, 0.05);
  --glass-bg-base:           rgba(255, 255, 255, 0.08);
  --glass-bg-active:         rgba(255, 255, 255, 0.16);
  --glass-border-subtle:     rgba(255, 255, 255, 0.08);
  --glass-border-base:       rgba(255, 255, 255, 0.15);
  --glass-border-strong:     rgba(255, 255, 255, 0.30);
  --glass-border-highlight:  rgba(255, 255, 255, 0.40);

  /* Компонентные стеклянные капсулы и карточки */
  --pill-bg:                 var(--glass-bg-subtle);
  --pill-bg-hover:           var(--glass-bg-base);
  --pill-bg-active:          var(--glass-bg-active);
  --pill-border:             var(--shell-border);
  --pill-border-hover:       var(--glass-border-strong);
  --pill-border-active:      var(--glass-border-highlight);
  --pill-text:               #e5e7eb;
  --pill-text-hover:         var(--text-pure);

  --card-bg-default:         var(--bg-card);
  --card-bg-hover:           var(--bg-card-hover);
  --card-border-default:     var(--shell-border);
  --card-border-hover:       var(--glass-border-highlight);
  --card-radius-default:     var(--radius-outer);
  --card-shadow-default:     var(--card-shadow);

  --pine-glass-bg:           rgba(30, 70, 52, 0.4);
  --pine-glass-bg-hover:     rgba(30, 85, 62, 0.6);
  --pine-glass-border:       rgba(52, 128, 92, 0.4);
  --pine-glass-border-hover: #34d399;
  --pine-glass-text:         #a7f3d0;

  /* Системные статусы */
  --color-success:           #15803d; /* Доступно к бронированию */
  --color-error:             #ef4444; /* Занято / Ошибка */
  --color-warning:           #f59e0b; /* Предупреждение */

  /* Шрифты и типографическая шкала (Tier 1 Base + Tier 2 Fonts) */
  --font-sans:               'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading:            'Playfair Display', Georgia, serif;
  --font-size-xs:            12px;
  --line-height-xs:          16px;
  --text-size-sm:            var(--font-size-sm);
  --text-size-base:          var(--font-size-base);
  --text-size-xl:            var(--font-size-xl);
  --text-size-3xl:           var(--font-size-3xl);
  --text-size-4xl:           var(--font-size-4xl);

  /* Алиасы обратной совместимости (для существующего style.css) */
  --amber-primary:     var(--color-brand);
  --amber-bright:      var(--color-brand-hover);
  --amber-deep:        var(--color-brand-active);
  --amber-glow:        rgba(224, 169, 109, 0.3);
  --amber-glow-subtle: var(--color-brand-subtle);
  --bg-deep:           var(--bg-page);
  --bg-card:           var(--bg-surface);
  --bg-card-hover:     var(--bg-surface-elevated);
  --font-serif:        var(--font-heading);
  --transition-normal: var(--transition-smooth);
  --ease-smooth:       var(--ease-spring);

  /* Проектные скругления (над основными из core.css) */
  --radius-pill:  9999px;  /* = --radius-full из core.css */
  --radius-outer: 20px;
  --radius-inner: 16px;    /* = --radius-lg из core.css */
  --radius-sub:   10px;

  /* Специфичные тени проекта */
  --inner-core-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  --card-shadow:       0 16px 40px -10px rgba(0, 0, 0, 0.65), 0 0 1px 1px rgba(255, 255, 255, 0.06);

  /* Контейнер */
  --container-max: 1200px;
}