/* Brand color layer. Layout, typography, and component behavior live in their own stylesheets. */
:root {
  --brand-red: #d40511;
  --brand-red-dark: #ac0410;
  --brand-yellow: #ffcc00;
  --brand-ink: #302b28;
  --brand-paper: #fffdf7;
  --brand-cream: #fff5dc;
  --brand-border: #e8dfd1;
  background: var(--brand-paper);
  color: var(--brand-ink);
}

.sidebar { background: #35393d; color: #fff; }
.auth-screen { background: var(--brand-red); color: #fff; }
.sidebar .brand small,
.account small,
.sidebar-help p { color: #c5c8ca; }
.sidebar-help { background: #44494d; border-color: #5a6064; box-shadow: inset 3px 0 0 var(--brand-red); }
.sidebar .nav-link { color: #e5e7e8; }
.sidebar .nav-link .nav-icon { color: var(--brand-yellow); }
.sidebar .nav-link:hover { background: #494e52; color: #fff; }
.sidebar .nav-link.active { background: var(--brand-yellow); color: #8c0710; }
.sidebar .nav-link.active .nav-icon { color: #8c0710; }
.site-admin-options { background: #44494d; border-color: #5a6064; }
.site-admin-options .nav-link { color: #e5e7e8; }
.account { border-top-color: #5a6064; }
.account button { color: var(--brand-yellow); }
.brand-mark,
.feed-news-mark { background: var(--brand-yellow); color: var(--brand-ink); }
.button.white { background: var(--brand-yellow); color: #7d080e; }
.button.white:hover { background: #ffda3d; }

.button.primary,
.hero .button { background: var(--brand-red); color: #fff; }
.button.primary:hover,
.hero .button:hover { background: var(--brand-red-dark); }
.button.ghost { border-color: var(--brand-border); }
.button.ghost:hover { background: #fff8e8; }
.topbar,
.panel,
.feed-card,
.overview-metric,
.overview-feed-card,
.news-story,
.auth-card { border-color: var(--brand-border); }
.topbar-help:hover,
.mobile-menu-toggle:hover,
.mobile-profile-toggle:hover { background: var(--brand-cream); }

.hero { background: #fff0ad; }
.overview-welcome { background: #fff3c4; border-color: #f3d56e; }
.overview-welcome-mark,
.overview-feed-count strong,
.overview-feed-copy h3 button:hover,
.section-head a,
.text-link { color: #ad0611; }
.overview-feed-card:hover,
.feed-card:hover { border-color: #efc549; }

.auth-steps,
.auth-steps div { border-color: #e86160; }
.auth-story .eyebrow { color: #ffdc62; }
.auth-steps b { color: var(--brand-yellow); }
.auth-story>p { color: #ffe6df; }
.auth-toggle button.selected { color: #9c0510; }
.auth-card input,
.field input,
.field select,
.field textarea { border-color: var(--brand-border); }
.auth-card input:focus,
.field input:focus,
.field select:focus,
.field textarea:focus { border-color: var(--brand-red); box-shadow: 0 0 0 3px #ffcc0059; }

.feed-news-header { border-top-color: var(--brand-red); }
.feed-brief { background: #fff6df; border-left-color: var(--brand-red); }
.news-story { border-top-color: #f1cb51; }
.news-story-featured { border-top-color: var(--brand-red); }
.news-story-source,
.feed-brief-kicker,
.news-story-links a,
.news-drawer-scroll footer a,
.story-filter-clear { color: #ad0611; }
.news-analysis-trigger { background: #fff6df; border-color: #eddbab; color: #a90511; }
.news-analysis-trigger:hover { background: #ffedba; border-color: #e6be54; }
.score,
.score-answer>b,
.bulletin-score { background: #ffedaa; color: #a90511; }
.feed-subnav button.selected,
.tab.active { color: #a90511; border-color: var(--brand-red); }
.feed-impact-badge.positive { background: #d9f0df; color: #216f42; }
.feed-impact-badge.negative { background: #fde1df; color: #a90511; }
.work-spinner { border-color: #ffe9ab; border-top-color: var(--brand-red); }

@media (max-width: 720px) {
  .mobile-nav-close { background: var(--brand-red); color: #fff; }
  .mobile-menu-toggle { border-color: var(--brand-border); color: var(--brand-red); }
  .mobile-profile-toggle { background: var(--brand-yellow); color: #840911; }
}