/* Vendored from aifollow.news app/static/theme.css (2026-10-28). Buffee is a separate brand that
 * shares this interface palette; it imports no AINEWS code. Re-copy rather than edit locally. */
/* The only color palette. Layout and components consume semantic tokens.
 * Explicit choice wins over the OS; absent JS follows the OS using CSS alone. */
:root {
  --bg: #fcfcfc;
  --paper: #ffffff;
  --raised: #f3f3f3;
  --sidebar-bg: #f9f9f9;
  --sidebar-hover: #ececec;
  --nav-bg: #fcfcfc;
  --nav-ink: #0d0d0d;
  --nav-hover: #f3f3f3;
  --ink: #0d0d0d;
  --secondary: #5d5d5d;
  --muted: #6e6e6e;
  --line: #ececec;
  --line-strong: #e3e3e3;
  --control-border: #8f8f8f;
  --accent: #0d0d0d;
  --brand-logo-filter: brightness(.6) sepia(1) saturate(4) hue-rotate(85deg) brightness(.8);
  --soft: #f3f3f3;
  --accent-solid: #0d0d0d;
  --on-accent: #ffffff;
  --link: #0d0d0d;
  --highlight-bg: #f3f3f3;
  --highlight-ink: #0d0d0d;
  --warning-bg: #fbf3db;
  --warning-ink: #89632a;
  --warning-line: #cab989;
  --success-bg: #edf3ec;
  --success-ink: #276749;
  --danger-bg: #fdebec;
  --danger-ink: #a33d40;
  --danger-line: #c58c8d;
  --glass: rgba(255,255,255,.98);
  --shadow-color: rgba(15,15,15,.08);
  color-scheme: light;
  --shadow: 0 4px 18px var(--shadow-color);
  --overlay: rgba(15,15,15,.38);
  --x-bg: #ffffff;
  --x-ink: #0f1419;
  --x-muted: #536471;
  --x-line: #cfd9de;
  --x-link: #006fba;
  --media-overlay: rgba(9,13,18,.92);
  --on-overlay: #ffffff;
  --topbar-bg: var(--bg);
  --glow-base: #f7f7fb;
  --glow-violet: #d9d3ff;
  --glow-sky: #cfe5ff;
  --glow-peach: #ffdccd;
  --glow-mint: #cdeee1;
  --glow-rose: #ffd5e5;
  --glow-sun: #fdebbd;
}
:root[data-theme="dark"] {
  --bg: #000000;
  --paper: #0d0d0d;
  --raised: #1a1a1a;
  --sidebar-bg: #000000;
  --sidebar-hover: #1a1a1a;
  --nav-bg: #000000;
  --nav-ink: #ffffff;
  --nav-hover: #1a1a1a;
  --ink: #ececec;
  --secondary: #d4d4d4;
  --muted: #b4b4b4;
  --line: #262626;
  --line-strong: #3a3a3a;
  --control-border: #858585;
  --accent: #ececec;
  --soft: #1a1a1a;
  --accent-solid: #ececec;
  --on-accent: #000000;
  --link: #7ab8ff;
  --highlight-bg: #1f3047;
  --highlight-ink: #b3d4ff;
  --warning-bg: #3b3222;
  --warning-ink: #e7c58c;
  --warning-line: #8c774d;
  --success-bg: #25352b;
  --success-ink: #a0c9af;
  --danger-bg: #3c272a;
  --danger-ink: #e9aaa9;
  --danger-line: #a86d72;
  --glass: rgba(0,0,0,.98);
  --x-bg: #000000;
  --x-ink: #e7e9ea;
  --x-muted: #71767b;
  --x-line: #2f3336;
  --x-link: #1d9bf0;
  --shadow-color: rgba(0,0,0,.28);
  color-scheme: dark;
  --topbar-bg: #000000;
  --glow-base: #121216;
  --glow-violet: #3a3370;
  --glow-sky: #1d3b5c;
  --glow-peach: #553126;
  --glow-mint: #1d463a;
  --glow-rose: #53253b;
  --glow-sun: #4a3e1f;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #000000;
    --paper: #0d0d0d;
    --raised: #1a1a1a;
    --sidebar-bg: #000000;
    --sidebar-hover: #1a1a1a;
    --nav-bg: #000000;
    --nav-ink: #ffffff;
    --nav-hover: #1a1a1a;
    --ink: #ececec;
    --secondary: #d4d4d4;
    --muted: #b4b4b4;
    --line: #262626;
    --line-strong: #3a3a3a;
    --control-border: #858585;
    --accent: #ececec;
    --soft: #1a1a1a;
    --accent-solid: #ececec;
    --on-accent: #000000;
    --link: #7ab8ff;
    --highlight-bg: #1f3047;
    --highlight-ink: #b3d4ff;
    --warning-bg: #3b3222;
    --warning-ink: #e7c58c;
    --warning-line: #8c774d;
    --success-bg: #25352b;
    --success-ink: #a0c9af;
    --danger-bg: #3c272a;
    --danger-ink: #e9aaa9;
    --danger-line: #a86d72;
    --glass: rgba(0,0,0,.98);
    --x-bg: #000000;
    --x-ink: #e7e9ea;
    --x-muted: #71767b;
    --x-line: #2f3336;
    --x-link: #1d9bf0;
    --shadow-color: rgba(0,0,0,.28);
    color-scheme: dark;
    --topbar-bg: #000000;
    --glow-base: #121216;
    --glow-violet: #3a3370;
    --glow-sky: #1d3b5c;
    --glow-peach: #553126;
    --glow-mint: #1d463a;
    --glow-rose: #53253b;
    --glow-sun: #4a3e1f;
  }
}