/* Paleta escolhida pelo dono a partir da referência enviada em 17/10/2026. */
:root {
  --brand-blue: #3f51ff;
  --brand-blue-hover: #3041df;
  --brand-orange: #ff791b;
  --brand-orange-hover: #ff8b38;
  --brand-violet: #8158c6;
  --brand-ink: #18224c;
  --bg: #f6f7ff;
  --paper: #ffffff;
  --text: #303956;
  --title: #1c2551;
  --muted: #5d6682;
  --line: #e3e6f5;
  --subtle: #f0f2ff;
  --navy: var(--brand-blue);
  --link: var(--brand-blue);
  --navy-hover: var(--brand-blue-hover);
  --gold: #b84b0a;
  --gold-soft: #fff0e5;
  --green: #5145a7;
  --green-soft: #f0edff;
  --blue-soft: #edf0ff;
  --sidebar: #2c3cc9;
  --shadow: 0 3px 18px #3f51ff06;
}
.sidebar {
  background: linear-gradient(165deg, #3e50f5 0%, #3041d1 52%, #2938b3 100%);
  color: #ffffff;
}
.brand-symbol, .sidebar-bottom > .icon { color: #ffb277; }
.brand small, .sidebar button, .sidebar-home .nav-arrow { color: #e0e4ff; }
.sidebar button.active { color: #ffffff; background: #ffffff21; }
.sidebar button:hover { background: #ffffff17; }
.sidebar-label, .sidebar-label span, .sidebar-project label,
.sidebar-progress, .sidebar-bottom, .sidebar-version { color: #d5dbff; }
.step-state { color: #d5dbff; }
.step-state.done { color: #ffbc8c; }
#etapas button.active:before { background: var(--brand-orange); }
.sidebar-project { border-top-color: #ffffff24; }
.sidebar-project select { background: #ffffff12; border-color: #ffffff38; color: #ffffff; }
.sidebar-project option { background: #3041d1; color: #ffffff; }
.sidebar-progress strong, .sidebar-bottom strong { color: #ffffff; }
.sidebar progress::-webkit-progress-value { background: #ffb277; }
.sidebar progress::-moz-progress-bar { background: #ffb277; }
.hero {
  background: linear-gradient(112deg, #3d50ff 0%, #4353fc 45%, #7959c7 72%, #d0765f 92%, #efab50 112%);
  border-color: transparent;
}
.hero:before { background: radial-gradient(ellipse at 100% 100%, #ffbd4e44, transparent 65%); }
.hero-tag { color: #ffffff; }
.hero-tag:before { background: #ffb783; }
.hero h2 em { color: #ffffff; }
.hero p.hero-description { color: #f1f2ff; }
.hero-art-lines { opacity: .17; }
.hero-footnote { color: #ffffff; }
.hero-cta, .new-book {
  background: var(--brand-orange);
  border-color: var(--brand-orange);
  color: var(--brand-ink);
  font-weight: 600;
}
.hero-cta:hover, .new-book:hover { background: var(--brand-orange-hover); border-color: var(--brand-orange-hover); }
.metric-icon { background: var(--blue-soft); color: #3b4de6; }
.metric:nth-child(2) .metric-icon { background: #fff0e5; color: #b84b0a; }
.metric:nth-child(3) .metric-icon { background: #f0edff; color: #7250b8; }
.book-card:hover { border-color: #acb5ff; box-shadow: 0 5px 20px #3f51ff12; }
.create-card { border-color: #c7cdf2; }
.create-card:hover { border-color: var(--brand-blue); }
#painel button.primary { background: var(--brand-blue); border-color: var(--brand-blue); color: #ffffff; }
#painel button.primary:hover { background: var(--brand-blue-hover); }
.chapter-option.selected { background: var(--blue-soft); color: #3043d7; }
.save-status:before { background: var(--brand-blue); }
button:focus-visible, a:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible { outline-color: #bb4f0b; }
#aviso { border-left-color: var(--brand-orange); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --bg: #14172b;
    --paper: #1e233c;
    --text: #dce0f5;
    --title: #f1f2ff;
    --muted: #b0b8d5;
    --line: #343d60;
    --subtle: #272e4b;
    --navy: #7e8bff;
    --link: #97a3ff;
    --navy-hover: #9ba4ff;
    --gold: #ffac70;
    --gold-soft: #423126;
    --green: #c1b2ff;
    --green-soft: #342c52;
    --blue-soft: #2a335b;
  }
}
:root[data-theme=dark] {
  --bg: #14172b;
  --paper: #1e233c;
  --text: #dce0f5;
  --title: #f1f2ff;
  --muted: #b0b8d5;
  --line: #343d60;
  --subtle: #272e4b;
  --navy: #7e8bff;
    --link: #97a3ff;
  --navy-hover: #9ba4ff;
  --gold: #ffac70;
  --gold-soft: #423126;
  --green: #c1b2ff;
  --green-soft: #342c52;
  --blue-soft: #2a335b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .metric-icon,
  :root:not([data-theme=light]) .chapter-option.selected { color: #b2bcff; }
  :root:not([data-theme=light]) .metric:nth-child(2) .metric-icon { background: #423126; color: #ffac70; }
  :root:not([data-theme=light]) .metric:nth-child(3) .metric-icon { background: #342c52; color: #c1b2ff; }
}
:root[data-theme=dark] .metric-icon,
:root[data-theme=dark] .chapter-option.selected { color: #b2bcff; }
:root[data-theme=dark] .metric:nth-child(2) .metric-icon { background: #423126; color: #ffac70; }
:root[data-theme=dark] .metric:nth-child(3) .metric-icon { background: #342c52; color: #c1b2ff; }