/**
 * Design Tokens for Site Factory Hotel Landings
 * Conforming to SRS v0.1.3 (THEME-001..008, 016 migration seed)
 * Contrast ratio guaranteed >= 4.5:1 (WCAG AA)
 */

:root {
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  --container-max-width: 1200px;
  --container-padding: 20px;

  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}

/* Theme 1: default-more (Море - морская палитра, seed 016) */
:root,
[data-theme="default-more"] {
  --theme-id: "default-more";
  --theme-name: "Море (по умолчанию)";
  
  --brand-primary: #0B5FA5;
  --brand-primary-hover: #084980;
  --brand-secondary: #0E7C86;
  --brand-accent: #F2A93B;
  --brand-accent-text: #3A2300;
  --brand-bg: #FFFFFF;
  --brand-bg-alt: #F4F8FB;
  --brand-surface: #FFFFFF;
  --brand-border: #DDE7F0;
  
  --brand-text: #1B2A3A;
  --brand-text-muted: #536B82;
  --brand-text-inverse: #FFFFFF;

  --badge-bg: rgba(11, 95, 165, 0.08);
  --badge-text: #0B5FA5;

  --card-bg: #FFFFFF;
  --card-border: #E5EDF4;

  --brand-font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --brand-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --wcag-contrast-ratio: 4.95;
}

/* Theme 2: default-les (Лес - природная палитра, seed 016) */
[data-theme="default-les"] {
  --theme-id: "default-les";
  --theme-name: "Лес (по умолчанию)";
  
  --brand-primary: #2F6B3A;
  --brand-primary-hover: #22512A;
  --brand-secondary: #8C5A2B;
  --brand-accent: #D9A441;
  --brand-accent-text: #2B1D00;
  --brand-bg: #FBFAF6;
  --brand-bg-alt: #F3F0E6;
  --brand-surface: #FFFFFF;
  --brand-border: #E0DDD2;
  
  --brand-text: #1E2A22;
  --brand-text-muted: #57685B;
  --brand-text-inverse: #FFFFFF;

  --badge-bg: rgba(47, 107, 58, 0.1);
  --badge-text: #2F6B3A;

  --card-bg: #FFFFFF;
  --card-border: #E8E5DC;

  --brand-font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --brand-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --wcag-contrast-ratio: 5.81;
}

/* Theme 3: brand (Кастомные цвета бренда с официального сайта) */
[data-theme="brand"] {
  --theme-id: "brand";
  --theme-name: "Бренд отеля";
  --brand-primary: var(--brand-custom-primary, #0B5FA5);
  --brand-primary-hover: var(--brand-custom-hover, #084980);
  --brand-secondary: var(--brand-custom-secondary, #0E7C86);
  --brand-accent: var(--brand-custom-accent, #F2A93B);
  --brand-accent-text: var(--brand-custom-accent-text, #3A2300);
  --brand-bg: var(--brand-custom-bg, #FFFFFF);
  --brand-bg-alt: var(--brand-custom-bg-alt, #F8FAFC);
  --brand-surface: var(--brand-custom-surface, #FFFFFF);
  --brand-border: var(--brand-custom-border, #E2E8F0);
  --brand-text: var(--brand-custom-text, #1E293B);
  --brand-text-muted: var(--brand-custom-text-muted, #64748B);
  --brand-text-inverse: #FFFFFF;
}