/* AUTO-GENERATED by scripts/gen-chrome.mjs — do not edit.
   Chrome CSS custom properties, derived from src/theme/tokens.ts so the static
   blog/podcast chrome can never drift from the app's palette. Loaded before
   blog/style.css (which references these vars for the sidebar/topbar/footer). */
:root {
  --color-bg: #fafafa;
  --color-surface: #ffffff;
  --color-text: #171717;
  --color-accent: #171717;
  --color-accent-2: #6e6e6e;
  --color-danger: #DC2626;
  --color-divider: rgba(23,23,23,0.12);
  --color-neutral-100: #fafafa;
  --color-neutral-200: #f2f2f2;
  --color-neutral-300: #ebebeb;
  --color-neutral-400: #e0e0e0;
  --color-neutral-500: #c9c9c9;
  --color-neutral-600: #9a9a9a;
  --color-neutral-700: #6e6e6e;
  --color-neutral-800: #454545;
  --color-neutral-900: #171717;
  --app-bg: #fafafa;
  --app-bg-elevated: #ffffff;
  --app-bg-hover: #ebebeb;
  --app-border: #ebebeb;
  --app-divider: rgba(23,23,23,0.12);
  --app-text: #171717;
  --app-text-muted: #6e6e6e;
  --app-text-faint: #9a9a9a;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
    --color-bg: #0a0a0a;
    --color-surface: #111111;
    --color-text: #ededed;
    --color-accent: #ededed;
    --color-accent-2: #a1a1a1;
    --color-danger: #F87171;
    --color-divider: rgba(237,237,237,0.14);
    --color-neutral-100: #0a0a0a;
    --color-neutral-200: #000000;
    --color-neutral-300: #1f1f1f;
    --color-neutral-400: #2e2e2e;
    --color-neutral-500: #454545;
    --color-neutral-600: #767676;
    --color-neutral-700: #a1a1a1;
    --color-neutral-800: #d4d4d4;
    --color-neutral-900: #ededed;
    --app-bg: #0a0a0a;
    --app-bg-elevated: #111111;
    --app-bg-hover: #2e2e2e;
    --app-border: #2e2e2e;
    --app-divider: rgba(237,237,237,0.14);
    --app-text: #ededed;
    --app-text-muted: #a1a1a1;
    --app-text-faint: #767676;
  }
}

:root[data-theme='dark'] {
  --color-bg: #0a0a0a;
  --color-surface: #111111;
  --color-text: #ededed;
  --color-accent: #ededed;
  --color-accent-2: #a1a1a1;
  --color-danger: #F87171;
  --color-divider: rgba(237,237,237,0.14);
  --color-neutral-100: #0a0a0a;
  --color-neutral-200: #000000;
  --color-neutral-300: #1f1f1f;
  --color-neutral-400: #2e2e2e;
  --color-neutral-500: #454545;
  --color-neutral-600: #767676;
  --color-neutral-700: #a1a1a1;
  --color-neutral-800: #d4d4d4;
  --color-neutral-900: #ededed;
  --app-bg: #0a0a0a;
  --app-bg-elevated: #111111;
  --app-bg-hover: #2e2e2e;
  --app-border: #2e2e2e;
  --app-divider: rgba(237,237,237,0.14);
  --app-text: #ededed;
  --app-text-muted: #a1a1a1;
  --app-text-faint: #767676;
}