:root{--color-primary: #0F4C5C;--color-primary-hover: #0B3B47;--color-primary-active: #082E37;--color-primary-soft: #E5EFF1;--color-accent: #D97706;--color-accent-hover: #B45309;--color-accent-soft: #FEF3C7;--color-secondary: #0EA5E9;--color-secondary-hover: #0284C7;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-bg-base: #FFFFFF;--color-bg-soft: #FAFAF7;--color-bg-card: #FFFFFF;--color-bg-overlay: rgba(15, 76, 92, .5);--bg-page-gradient: linear-gradient(180deg, #F8FAFB 0%, #FAFAF7 100%);--color-bg-header: #0F4C5C;--color-text-on-header: #FFFFFF;--color-text-on-header-muted: rgba(255, 255, 255, .72);--tier-glow-gold: 0 0 0 1px rgba(217, 119, 6, .4), 0 8px 24px rgba(217, 119, 6, .18);--tier-glow-vip: 0 0 0 1px rgba(15, 76, 92, .4), 0 8px 24px rgba(15, 76, 92, .18);--tier-glow-silver: 0 0 0 1px rgba(148, 163, 184, .5), 0 8px 20px rgba(148, 163, 184, .18);--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--color-border-focus: #0F4C5C;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-disabled: #9CA3AF;--color-text-on-primary: #FFFFFF;--color-text-on-accent: #FFFFFF;--color-text-link: #1F6FEB;--color-text-strikethrough: #9CA3AF;--font-family-base: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-size-h1-page: 40px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-body-lg: 18px;--font-size-body: 16px;--font-size-body-sm: 14px;--font-size-caption: 12px;--font-size-price-lg: 28px;--font-size-price: 20px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-snug: 1.4;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-30: 120px;--section-gap: 64px;--search-widget-height: 96px;--button-height-lg: 56px;--button-height-md: 48px;--button-height-sm: 40px;--button-padding-x: 32px;--button-padding-y: 16px;--bottom-nav-height: 64px;--bottom-nav-safe-area: 16px;--room-card-height-desktop: 110px;--room-card-image-ratio: 40%;--summary-panel-width: 360px;--header-height: 72px;--top-bar-height: 56px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 1px 2px rgba(15, 76, 92, .04), 0 4px 12px rgba(15, 76, 92, .08);--shadow-card-hover: 0 4px 8px rgba(15, 76, 92, .08), 0 16px 40px rgba(15, 76, 92, .16);--shadow-search-widget: 0 4px 12px rgba(15, 76, 92, .08), 0 16px 48px rgba(15, 76, 92, .16);--shadow-modal: 0 4px 16px rgba(15, 76, 92, .12), 0 32px 80px rgba(15, 76, 92, .22);--shadow-header: 0 2px 12px rgba(15, 76, 92, .25);--shadow-bottom-nav: 0 -2px 12px rgba(15, 76, 92, .08);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-header: 100;--z-top-bar: 90;--z-bottom-nav: 80;--z-summary-panel: 70;--z-dropdown: 200;--z-modal: 300;--z-toast: 400}@media (min-width: 768px){:root{--section-gap: 80px}}@media (min-width: 1280px){:root{--section-gap: 120px}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}:root{color-scheme:light}