/* 브랜드 팔레트 — 로고(집중): 네이비 ↔ 스틸 블루 그라데이션, 액센트 시안 블루 */
:root {
  --color-surface: #fdfcfa;
  --color-surface-container-low: #f4f3f1;
  --color-surface-container-lowest: #ffffff;
  --color-on-surface: #1a1c1c;
  /* 로고 서브 "| 입주청소 전문 |" 톤 */
  --color-on-surface-variant: #4a4a4a;
  /* 메인 인터랙션·강조 (로고 우측·스파클 블루) */
  --color-primary: #5a9bd5;
  --color-primary-pressed: #3f7aad;
  --color-on-primary: #ffffff;
  --color-primary-container: #6699cc;
  /* 다크 배경 위 하이라이트 (CLEAN & PERFECT 계열) */
  --color-inverse-primary: #7fb3d5;
  --color-primary-bright: #8ebfe0;
  /* 로고 메인 네이비 */
  --color-navy: #1a365d;
  --color-navy-deep: #002855;
  --color-outline: #5c6b7a;
  --color-border-card: #e5e7eb;
  --shadow-card: 0 4px 20px rgba(32, 30, 28, 0.06);
  --shadow-card-hover: 0 8px 30px rgba(32, 30, 28, 0.1);
  --font-display: "Manrope", "Pretendard Variable", Pretendard, system-ui, sans-serif;
  --font-body: "Pretendard Variable", Pretendard, "Hanken Grotesk", system-ui, sans-serif;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;
  --container-max: 1200px;
  --gutter: 24px;
  --section-gap: clamp(4rem, 10vw, 7.5rem);
  --header-height: 72px;
  /* 첫 화면에서 perks 섹션이 살짝 보이도록 히어로 아래 여백 */
  --hero-peek: clamp(4.5rem, 11vh, 7rem);
  --hero-min-height: min(calc(100dvh - var(--header-height) - var(--hero-peek)), 820px);
  --header-brand-bg: var(--color-navy-deep);
  --header-brand-border: rgba(127, 179, 213, 0.38);

  /* 오버레이·포커스용 (primary / accent RGB) */
  --color-primary-rgb: 90, 155, 213;
  --color-accent-rgb: 127, 179, 213;
  --color-navy-rgb: 26, 54, 93;

  /* 섹션 톤 — 배경은 웜 뉴트럴(하늘색 없이), 액센트만 블루 유지 */
  --section-fresh: #f0eeea;
  --section-fresh-accent: rgba(42, 40, 36, 0.08);
  --section-paper: #ffffff;
  --section-paper-edge: rgba(42, 40, 36, 0.08);
  --section-slate: #e4e1dc;
  --section-slate-accent: rgba(26, 54, 93, 0.08);
  --color-page-canvas: #dedad4;
  --section-warm: #ebe7e0;
  --section-warm-accent: rgba(26, 54, 93, 0.08);

  /* 라이트 밴드 — 살짝 더 밝은 웜 화이트로 통일 */
  --band-reviews: #fdfcfa;
  --band-base: var(--band-reviews);
  --band-services: var(--band-reviews);
  --band-process: var(--band-reviews);
  --band-faq: var(--band-reviews);
  --band-mist: var(--band-reviews);
  --band-cool: var(--band-reviews);
  --band-line: rgba(42, 40, 36, 0.09);
}