:root {
  --theme-button-border: rgba(156, 63, 37, .18);
  --theme-button-bg: rgba(255, 255, 255, .55);
  --theme-button-text: #6C5650;
}
:root[data-theme="dark"] {
  --cream-50: #17110f;
  --cream-100: #241815;
  --cream: #17110f;
  --ink-900: #f8ece3;
  --ink: #f8ece3;
  --ink-600: #cbb7ad;
  --muted: #cbb7ad;
  --line: rgba(246, 181, 143, .18);
  --terra-900: #e08461;
  --terra-700: #f09b76;
  --terra: #e08461;
  --apricot-300: #e7a47f;
  --apricot: #e7a47f;
  --coral-300: #db806a;
  --peach-300: #e9b56e;
  --theme-button-border: rgba(246, 181, 143, .26);
  --theme-button-bg: rgba(255, 249, 243, .08);
  --theme-button-text: #f8ece3;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --cream-50: #17110f;
    --cream-100: #241815;
    --cream: #17110f;
    --ink-900: #f8ece3;
    --ink: #f8ece3;
    --ink-600: #cbb7ad;
    --muted: #cbb7ad;
    --line: rgba(246, 181, 143, .18);
    --terra-900: #e08461;
    --terra-700: #f09b76;
    --terra: #e08461;
    --apricot-300: #e7a47f;
    --apricot: #e7a47f;
    --coral-300: #db806a;
    --peach-300: #e9b56e;
    --theme-button-border: rgba(246, 181, 143, .26);
    --theme-button-bg: rgba(255, 249, 243, .08);
    --theme-button-text: #f8ece3;
  }
}
html, body, button, input, textarea, select,
h1, h2, h3, .brand, .sans {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
h1 em, h2 em { font-style: normal !important; }
.nav-controls { display: flex; align-items: center; gap: 9px; }
#themeToggle {
  width: 34px; height: 34px; padding: 0; border-radius: 999px;
  border: 1px solid var(--theme-button-border); background: var(--theme-button-bg);
  color: var(--theme-button-text); cursor: pointer; font-size: 16px; line-height: 1;
  transition: transform .18s ease, background .18s ease;
}
#themeToggle:hover { transform: translateY(-1px); }
:root[data-theme="dark"] .lang { background: rgba(246, 181, 143, .10) !important; border-color: rgba(246, 181, 143, .25) !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme]) .lang { background: rgba(246, 181, 143, .10) !important; border-color: rgba(246, 181, 143, .25) !important; } }