@layer utilities {
  /* === Layout Utilities === */
  .container { 
    max-width: var(--container); 
    margin: 0 auto; 
    padding: 0 20px; 
  }
  .grid { 
    display: grid; 
    gap: 16px; 
  }
  .btn { 
    display: inline-block; 
    padding: 10px 16px; 
    border-radius: var(--radius-sm); 
    background: var(--brand); 
    color: #fff; 
  }
  .btn.outline { 
    background: transparent; 
    border: 2px solid var(--brand); 
    color: var(--brand); 
  }
  .card { 
    background: var(--card); 
    border-radius: var(--radius); 
    box-shadow: 0 8px 24px rgba(0,0,0,.06); 
    padding: 20px; 
  }
  .sr-only { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0,0,0,0); 
    white-space: nowrap; 
    border: 0; 
  }
}

/* ===== Header (공통) ===== */
.site-header {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
}
.logo {
  font-weight: 800;
  font-size: 20px;
  color: var(--burgundy);
  text-decoration: none;
}
.site-nav {
  display: flex;
  gap: 18px;
  align-items: center;
}
.site-nav a {
  text-decoration: none;
  font-weight: 600;
  color: var(--ink) !important;
  transition: color .2s;
}
.site-nav a:hover,
.site-nav a.active {
  color: var(--burgundy) ;
}
.site-nav .btn {
  padding: 6px 14px;
  border-radius: 6px;
  font-weight: 600;
}

/* ===== Brand Text Utility ===== */
.text-burgundy { 
  color: var(--burgundy) !important; 
}

/* ===== Brand Buttons ===== */
.btn-burgundy {
  --btn-bg:#800000;              /* base */
  --btn-bg-hover:#6d0000;        /* hover */
  --btn-bg-active:#5e0000;       /* active */
  background-color: var(--btn-bg) !important;
  border-color: var(--btn-bg) !important;
  color:#fff !important;
}
.btn-burgundy:hover,
.btn-burgundy:focus {
  background-color: var(--btn-bg-hover) !important;
  border-color: var(--btn-bg-hover) !important;
  color:#fff !important;
}
.btn-burgundy:active,
.btn-burgundy.active {
  background-color: var(--btn-bg-active) !important;
  border-color: var(--btn-bg-active) !important;
  color:#fff !important;
}

.btn-outline-burgundy {
  --btn-burgundy:#800000;
  color: var(--btn-burgundy) !important;
  border-color: var(--btn-burgundy) !important;
  background-color: transparent !important;
}
.btn-outline-burgundy:hover,
.btn-outline-burgundy:focus {
  background-color: var(--btn-burgundy) !important;
  border-color: var(--btn-burgundy) !important;
  color:#fff !important;
}

/* =======================================
   🔴 Buttons
======================================= */
.btn-burgundy,
.btn-burgundy:link,
.btn-burgundy:visited {
  background: var(--burgundy) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  padding: 6px 16px;
  margin-left: 24px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s;
}
.btn-burgundy:hover,
.btn-burgundy:focus {
  background: #5a0000 !important; /* 기존보다 약간 어두운 버건디 */
  color: #fff !important;         /* 흰색 유지 */
}

.site-nav .btn-burgundy {
  color: #fff !important;  /* ✅ header의 a 컬러 강제 무시 */
}