/*
 * Тема EcomFlow (ecomflow.tech) поверх сборки платформы Ракурса: светлый тёплый фон #f6f4f4,
 * белые карточки, почти чёрный текст #1b1516, фирменный красный #ed4342 с белой надписью,
 * текст Onest и заголовки Unbounded, как на сайте. Тёмная тема из тёмной палитры сайта.
 * Подключается в index.html после основного CSS (deploy-study.sh), поэтому те же селекторы
 * перекрывают токены Ракурса.
 */
:root {
  --background: #f6f4f4;
  --foreground: #1b1516;
  --card: #ffffff;
  --card-foreground: #1b1516;
  --popover: #ffffff;
  --popover-foreground: #1b1516;
  --primary: #ed4342;
  --primary-foreground: #ffffff;
  --secondary: #ffffff;
  --secondary-foreground: #1b1516;
  --muted: #efe9e9;
  --muted-foreground: #6b5f61;
  --accent: #efe9e9;
  --accent-foreground: #1b1516;
  --destructive: #b42318;
  --border: rgb(27 21 22 / 0.08);
  --input: rgb(27 21 22 / 0.16);
  --ring: #ed4342;

  --field: #f6f4f4;
  --brand-text: #c8302f;
  --brand-soft: #fceaea;
  --ok: #1f8f5f;
  --warn: #9a6516;
  --bad: #b42318;
  --top: rgb(246 244 244 / 0.86);
}

.dark {
  --background: #121011;
  --foreground: #f4eded;
  --card: #1c1819;
  --card-foreground: #f4eded;
  --popover: #221d1e;
  --popover-foreground: #f4eded;
  --primary: #ed4342;
  --primary-foreground: #ffffff;
  --secondary: #1c1819;
  --secondary-foreground: #f4eded;
  --muted: #241f20;
  --muted-foreground: #a8999b;
  --accent: #2a2425;
  --accent-foreground: #f4eded;
  --destructive: #ff8a80;
  --border: rgb(255 255 255 / 0.08);
  --input: rgb(255 255 255 / 0.16);
  --ring: #ed4342;

  --field: #0e0c0d;
  --brand-text: #ff7d7b;
  --brand-soft: rgb(237 67 66 / 0.2);
  --ok: #4cc38a;
  --warn: #e0a94a;
  --bad: #ff8a80;
  --top: rgb(18 16 17 / 0.86);
}

html,
body,
.font-sans {
  font-family: "Onest", "Segoe UI", system-ui, sans-serif;
}
h1,
h2 {
  font-family: "Unbounded", "Onest", "Segoe UI", system-ui, sans-serif;
  letter-spacing: -0.01em;
}
.player-skin {
  --media-font-family: "Onest", system-ui, sans-serif;
}

/* Название в шапке как слово в логотипе сайта: строчными, Unbounded. */
a > .tracking-\[0\.2em\].uppercase {
  font-family: "Unbounded", "Onest", system-ui, sans-serif;
  font-weight: 800;
  text-transform: lowercase;
  letter-spacing: 0.01em;
  margin-right: 0;
}

::selection {
  background: rgb(237 67 66 / 0.25);
}
.prose li::marker {
  color: var(--primary);
}
.prose blockquote {
  border-left-color: var(--primary);
}