:root {
    /* CSS4: rgb(var(--red) / 0.2)처럼 투명도 조합이 쉬움 */
  --red:   255 0 0;
  --green: 0 128 0;
  --blue:  0 0 255;
  --hv-orange: #FF6600;
  --hv-orange-70: #F5A166;
  --hv-orange-50: #F7BA82;

  /* Material Design theme overrides for Hanwha orange */
  --md-primary-fg-color: #FF6600;
  --md-primary-fg-color--light: #FF8833;
  --md-primary-fg-color--dark: #E55A00;
  --md-accent-fg-color: #FF6600;
  --md-accent-fg-color--transparent: rgba(255, 102, 0, 0.1);
}

/* 글자색 */
.text-red { color: rgb(var(--red));}
.text-green { color: rgb(var(--green));}
.hv-orange { color: var(--hv-orange); }

/* 배지/라벨 */
.badge { font-size: .85em; padding: .15rem .5rem; border-radius: .35rem; display: inline-block; }
.bg-hv-orange  { background: var(--hv-orange);  color:#fff; }
.bg-hv-orange-50 { background: var(--hv-orange-50); color:#000; }

/* ==형광펜== 색 변경 (pymdownx.mark) */
.md-typeset mark { background: var(--hv-orange-50); color:#000; }

/* Hanwha orange theme overrides */
.md-header {
  background-color: var(--hv-orange) !important;
}

.md-nav__item .md-nav__link--active {
  color: var(--hv-orange);
}

.md-typeset a {
  color: var(--hv-orange);
}

.md-typeset a:hover {
  color: var(--hv-orange-70);
}

.md-search__form {
  background-color: rgba(255, 255, 255, 0.1);
}

.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* Force logo to be highly visible */
.md-header__button.md-logo img,
.md-nav__button.md-logo img {
  width: 50px !important;
  height: 50px !important;
  filter: brightness(1.0) contrast(1.0) !important;
  opacity: 1 !important;
  background: white;
  border-radius: 50%;
  padding: 0;
}

.md-header__button.md-logo {
  background: white;
  border-radius: 50%;
  padding: 0;
}

/* Make sure logo container is visible */
.md-logo {
  display: block !important;
  opacity: 1 !important;
}