/* 안심이음 홈·훈련 공통 브랜드. 페이지별 CSS 뒤에 불러온다. */
:root {
  --ieum-forest: #20594F;
  --ieum-sage: #DDEBE3;
  --ieum-apricot: #F2BE9F;
  --ieum-paper: #F7F5EF;
  --ieum-ink: #263C36;
  --ieum-muted: #52675F;
  --ieum-white: #FFFFFF;
  --ieum-line: #D2DDD5;
  --ieum-font: "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --primary: var(--ieum-forest);
  --primary-press: #173F38;
  --on-primary: var(--ieum-white);
  --panel: var(--ieum-sage);
  --cream: var(--ieum-paper);
  --ink: var(--ieum-ink);
  --muted: var(--ieum-muted);
  --line: var(--ieum-line);
  --bubble: var(--ieum-white);
  --link: var(--ieum-forest);
  --focus: var(--ieum-forest);
  --sub-press: #E8F0EA;
  --safe: #27634D;
  --warning: #95551D;
  --danger: #A6423C;
  --radius: 18px;
  --masthead-h: 68px;
}

body.brand-refresh {
  background: var(--ieum-paper);
  color: var(--ieum-ink);
  font-family: var(--ieum-font);
  font-size: 22px;
  line-height: 1.55;
  overflow-x: visible;
}
.brand-refresh button, .brand-refresh a, .brand-refresh summary { touch-action: manipulation; }
.brand-refresh .btn {
  min-height: 64px;
  border-radius: var(--radius);
  line-height: 1.4;
  font-size: 22px;
  padding: 14px 16px;
  letter-spacing: -0.025em;
}
.brand-refresh .btn-main {
  background: var(--ieum-forest);
  border-color: var(--ieum-forest);
  color: var(--ieum-white);
  font-size: 24px;
  box-shadow: 0 3px 0 #173F38;
}
.brand-refresh .btn-main:active { background: var(--primary-press); box-shadow: none; }
.brand-refresh .btn-sub { background: var(--ieum-white); color: var(--ieum-forest); border-color: #668E7D; }
.brand-refresh .btn-sub:active { background: var(--sub-press); }
.brand-refresh :is(a, button, summary):focus-visible {
  outline: 3px solid var(--ieum-forest);
  outline-offset: 4px;
}
.ieum-character { display: block; object-fit: contain; flex: none; }
.ieum-brand-mark { display: block; width: 38px; height: 32px; flex: none; object-fit: contain; }

@media (prefers-reduced-motion: reduce) {
  .brand-refresh *, .brand-refresh *::before, .brand-refresh *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}