/*
 * Тема Rasprava (rasprava.ru) поверх сборки платформы Ракурса: графитовый фон #25262B,
 * карточки #2F3036, синий акцент #3341FF с белой надписью, оранжевый #FF5A14 для мелких
 * акцентов, шрифт Onest. Подключается в index.html после основного CSS (sync-app.sh),
 * поэтому те же селекторы перекрывают токены Ракурса.
 */
:root {
  --background: #f2f2f4;
  --foreground: #1e1f23;
  --card: #ffffff;
  --card-foreground: #1e1f23;
  --popover: #ffffff;
  --popover-foreground: #1e1f23;
  --primary: #3341ff;
  --primary-foreground: #ffffff;
  --secondary: #ffffff;
  --secondary-foreground: #1e1f23;
  --muted: #e7e7eb;
  --muted-foreground: #5d5e69;
  --accent: #e7e7eb;
  --accent-foreground: #1e1f23;
  --border: rgb(30 31 35 / 0.08);
  --input: rgb(30 31 35 / 0.16);
  --ring: #3341ff;

  --field: #f2f2f4;
  --brand-text: #2733e0;
  --brand-soft: rgb(51 65 255 / 0.1);
  --top: rgb(242 242 244 / 0.86);
  --rasprava-orange: #ff5a14;
}

.dark {
  --background: #25262b;
  --foreground: #f4f4f6;
  --card: #2f3036;
  --card-foreground: #f4f4f6;
  --popover: #34353c;
  --popover-foreground: #f4f4f6;
  --primary: #3341ff;
  --primary-foreground: #ffffff;
  --secondary: #2f3036;
  --secondary-foreground: #f4f4f6;
  --muted: #34353c;
  --muted-foreground: #a2a3ad;
  --accent: #3a3b42;
  --accent-foreground: #f4f4f6;
  --border: #3c3d44;
  --input: rgb(255 255 255 / 0.16);
  --ring: #6470ff;

  --field: #1f2024;
  --brand-text: #8f98ff;
  --brand-soft: rgb(51 65 255 / 0.24);
  --top: rgb(37 38 43 / 0.86);
}

html,
body,
.font-sans {
  font-family: "Onest", "Helvetica Neue", Arial, system-ui, sans-serif;
}
.player-skin {
  --media-font-family: "Onest", system-ui, sans-serif;
}

::selection {
  background: rgb(255 90 20 / 0.3);
}
.prose li::marker {
  color: var(--rasprava-orange);
}
.prose blockquote {
  border-left-color: var(--rasprava-orange);
}