/* Newsburst brand layer for MobNews 2.0.1 (built ltr files).
   Loaded after theme.css. Black / white / yellow, from the @NewsburstOfficial channel art.
   Light: black brand + yellow highlight on white. Dark: yellow brand on near-black.
   All text pairs checked at WCAG AA (see /workspace/newsburst-brand/contrast.txt). */
:root, :root[data-accent] {
  color-scheme: light;
  --color-brand: #111111;
  --color-brand-strong: #000000;
  --color-on-brand: #FDC500;
  --color-accent: #C8102E;
  --color-on-accent: #FFFFFF;
  --color-live: #C8102E;
  --color-on-live: #FFFFFF;
  --color-bg: #FFFFFF;
  --color-surface: #F5F5F5;
  --color-surface-2: #EBEBEB;
  --color-surface-3: #DEDEDE;
  --color-line: #E0E0E0;
  --color-paper: #FCFCFA;
  --color-fg: #111111;
  --color-fg-muted: #4A4A4A;
  --color-fg-subtle: #5C5C5C;
  --color-fg-read: #1A1A1A;
  --color-danger: #C8102E;
  --color-on-danger: #FFFFFF;
  --color-highlight: #FDC500;
  --color-on-highlight: #000000;
  --color-highlight-strong: #E6B200;
}
:root[data-theme="dark"], :root[data-theme="dark"][data-accent] {
  color-scheme: dark;
  --color-brand: #FDC500;
  --color-brand-strong: #FFD633;
  --color-on-brand: #000000;
  --color-accent: #FF6B6B;
  --color-on-accent: #000000;
  --color-live: #FF6B6B;
  --color-on-live: #000000;
  --color-bg: #0B0B0B;
  --color-surface: #1F1F1F;
  --color-surface-2: #2A2A2A;
  --color-surface-3: #363636;
  --color-line: #333333;
  --color-paper: #121212;
  --color-fg: #F5F5F5;
  --color-fg-muted: #B3B3B3;
  --color-fg-subtle: #A3A3A3;
  --color-fg-read: #E6E6E6;
  --color-danger: #FF6B6B;
  --color-on-danger: #000000;
  --color-highlight: #FDC500;
  --color-on-highlight: #000000;
  --color-highlight-strong: #FFD633;
}
/* Header and bottom tab bar are always black, like the channel art */
.header, .tabbar {
  color-scheme: dark;
  --color-brand: #FDC500;
  --color-brand-strong: #FFD633;
  --color-on-brand: #000000;
  --color-accent: #FF6B6B;
  --color-on-accent: #000000;
  --color-live: #FF6B6B;
  --color-on-live: #000000;
  --color-bg: #0B0B0B;
  --color-surface: #1F1F1F;
  --color-surface-2: #2A2A2A;
  --color-surface-3: #363636;
  --color-line: #333333;
  --color-paper: #121212;
  --color-fg: #F5F5F5;
  --color-fg-muted: #B3B3B3;
  --color-fg-subtle: #A3A3A3;
  --color-fg-read: #E6E6E6;
  --color-danger: #FF6B6B;
  --color-on-danger: #000000;
  --color-highlight: #FDC500;
  --color-on-highlight: #000000;
  --color-highlight-strong: #FFD633;
  color: var(--color-fg);
}
.header.glass, .tabbar.glass { background: rgb(0 0 0 / 0.92); }
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .header.glass, .tabbar.glass { background: #000; }
}
.header { border-block-end-color: #FDC500; }
.tabbar { border-block-start-color: #2A2A2A; }

/* Primary buttons: yellow with black text in both modes */
.btn:not(.btn-secondary, .btn-ghost, .btn-link, .btn-danger, .btn-outline) {
  background: var(--color-highlight);
  color: var(--color-on-highlight);
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.14);
}
.btn:not(.btn-secondary, .btn-ghost, .btn-link, .btn-danger, .btn-outline):hover {
  background: var(--color-highlight-strong);
  color: var(--color-on-highlight);
}
.toast .btn { background: none !important; color: inherit !important; box-shadow: none !important; }

/* Links get a yellow underline accent */
.prose a { text-decoration-color: var(--color-highlight); text-decoration-thickness: 2px; }

/* Logo + wordmark */
.nb-mark { display: block; flex-shrink: 0; }
.masthead-mark.nb-mark { block-size: 2rem; inline-size: 2rem; }
.wordmark.nb-wordmark {
  font-family: var(--font-sans);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #FDC500;
  line-height: 1;
}
.masthead-small .nb-wordmark { font-size: 1.125rem; }
.nb-lockup { display: inline-flex; align-items: center; gap: 0.75rem; }
.nb-lockup .nb-mark { inline-size: 2.75rem; block-size: 2.75rem; }
@media (width >= 1024px) { .nb-lockup .nb-mark { inline-size: 3.5rem; block-size: 3.5rem; } }
footer .wordmark.nb-wordmark { color: var(--color-fg); }
footer .nb-lockup .nb-mark { inline-size: 2.25rem; block-size: 2.25rem; }
:root:not([data-theme="dark"]) footer .wordmark.nb-wordmark { border-inline-start: 4px solid #FDC500; padding-inline-start: 0.5rem; }
:root[data-theme="dark"] footer .wordmark.nb-wordmark { color: #FDC500; }

/* Preview notice: template demo content is not Newsburst reporting */
.nb-demo-note {
  background: var(--color-highlight);
  color: #000;
  font-size: var(--text-xs);
  line-height: 1.4;
  text-align: center;
  padding: 0.375rem 1rem;
}
.nb-demo-note a { color: #000; text-decoration: underline; }

/* Accent picker is replaced by the fixed Newsburst palette */
[data-accent-set] { display: none !important; }

/* Mobile masthead: keep the lockup inside the collapsing large masthead */
@media (width < 1024px) {
  .nb-lockup .nb-mark { inline-size: 2.25rem; block-size: 2.25rem; }
  .masthead-large .nb-wordmark.wordmark-lg { font-size: 1.625rem; }
}
@media (width < 640px) {
  .masthead-large .masthead-edition { display: none; }
}

/* Readable light footer wordmark: #111 on #F5F5F5; gold stays decorative. */
:root[data-theme="light"] footer .wordmark.nb-wordmark { color: #111111; }