/* 後台共用樣式。對應原型 helmet 內的 <style> 區塊。 */

:root {
  --font-heading: "Barlow Condensed", "Noto Sans TC", system-ui, sans-serif;
  --font-body: "Barlow", "Noto Sans TC", system-ui, sans-serif;
}

body {
  margin: 0;
  text-wrap: pretty;
  font-family: var(--font-body);
  line-height: 1.6;
  background: var(--color-bg);
  color: var(--color-text);
}

a { color: var(--color-accent-700); text-decoration: none; }
a:hover { color: var(--color-accent-600); }

@keyframes rk-pulse { 0%, 100% { opacity: 1 } 50% { opacity: .3 } }
@keyframes rk-in { from { opacity: 0; transform: translateY(4px) } to { opacity: 1; transform: none } }

/* 側欄與頂列的可點項目：原型用 style-hover，這裡改成一般的 :hover */

.rk-nav-item,
.rk-role-btn,
.rk-list-item,
.rk-tab {
  font: inherit;
  border: 0;
  cursor: pointer;
  display: block;
  text-align: left;
  text-decoration: none;
  color: inherit;
}

.rk-nav-item:hover,
.rk-role-btn:hover,
.rk-list-item:hover,
.rk-tab:hover {
  background: var(--color-accent-100);
}

.rk-role-btn.is-active:hover {
  background: var(--color-accent);
}