/* Dark Japanese Minimalist — warm Anthropic-inspired dark palette */
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --reader-bg: #1a1816;
  --reader-bg-hover: #221f1c;
  --reader-bg-selected: rgba(217, 119, 87, 0.08);
  --reader-bg-focus: rgba(217, 119, 87, 0.10);
  --reader-bg-active-header: rgba(217, 119, 87, 0.12);
  --reader-bg-shadow: #221f1c;

  --reader-text-primary: #e8e0d4;
  --reader-text-heading: #f5efe6;
  --reader-text-secondary: #8a7e72;
  --reader-text-accent: #d97757;
  --reader-text-danger: #c0392b;

  --reader-border: #2e2a26;
  --reader-border-row: #242120;
  --reader-border-selected: #d97757;
  --reader-border-focus: #d97757;

  --reader-scrollbar-thumb: #3a3530;

  --reader-badge-bg: #d97757;
  --reader-badge-text: #1a1816;

  --reader-shadow-avatar-bg: #2e2a26;
  --reader-shadow-action-border: #4a443e;
  --reader-shadow-action-hover: rgba(217, 119, 87, 0.12);
  --reader-shadow-video-badge-bg: #2e2a26;

  --reader-read-opacity: 0.45;
  --reader-overlay-bg: rgba(20, 18, 16, 0.92);

  --reader-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Tint the light-themed Twitter embed iframe toward eggshell.
   darken blend only affects pixels lighter than #f0ead6 (the white bg),
   leaving dark text and images untouched. */
.shadow-iframe-wrapper {
  position: relative;
}
.shadow-iframe-wrapper::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #f0ead6;
  mix-blend-mode: darken;
  pointer-events: none;
}