/*
 * Тема Etyp (etyp.ru) поверх сборки платформы Ракурса: тёмный фон #0a0a0f, карточки #13131a,
 * рамки #27272f, текст #fafafa, акцент лавандовый #a78bfa и градиент в бирюзу #06b6d4, как на
 * сайте. Платформа всегда тёмная: светлые токены :root заменены теми же тёмными, выбор
 * «Светлая» в кабинете ничего не меняет. Шрифт Inter (он уже в сборке), Space Grotesk только
 * для слова «etyp» в шапке. Подключается после основного CSS (deploy-study.sh).
 */
:root,
.dark {
  --radius: 1rem;
  --background: #0a0a0f;
  --foreground: #fafafa;
  --card: #13131a;
  --card-foreground: #fafafa;
  --popover: #1a1a20;
  --popover-foreground: #fafafa;
  --primary: #a78bfa;
  --primary-foreground: #0a0a0f;
  --secondary: #13131a;
  --secondary-foreground: #fafafa;
  --muted: #1a1a20;
  --muted-foreground: #a1a1aa;
  --accent: #1f1f27;
  --accent-foreground: #fafafa;
  --destructive: #ff8a80;
  --border: #27272f;
  --input: #3f3f46;
  --ring: #a78bfa;

  --field: #0f0f15;
  --brand-text: #c4b5fd;
  --brand-soft: rgb(167 139 250 / 0.16);
  --ok: #4cc38a;
  --ok-soft: rgb(76 195 138 / 0.14);
  --warn: #e0a94a;
  --warn-soft: rgb(224 169 74 / 0.14);
  --bad: #ff8a80;
  --bad-soft: rgb(255 138 128 / 0.14);
  --top: rgb(10 10 15 / 0.86);
  color-scheme: dark;
}

html,
body,
.font-sans {
  font-family: "Inter Variable", "Inter", system-ui, sans-serif;
}
.player-skin {
  --media-font-family: "Inter", system-ui, sans-serif;
}

/* Слово в шапке как логотип сайта: строчными, Space Grotesk, плотно. */
a > .tracking-\[0\.2em\].uppercase {
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: -0.04em;
  font-size: 1.15rem;
  margin-right: 0;
}

/* Главные кнопки градиентом сайта с белой надписью. */
.bg-primary:not(.rounded-full.size-2):not([role="progressbar"] *) {
  background-image: linear-gradient(135deg, #a78bfa 0%, #06b6d4 100%);
}
.bg-primary.text-primary-foreground {
  color: #ffffff;
  font-weight: 600;
}
.bg-primary.text-primary-foreground:hover {
  filter: brightness(1.08);
}

::selection {
  background: rgb(167 139 250 / 0.35);
}
.prose li::marker,
.prose a {
  color: var(--brand-text);
}
.prose blockquote {
  border-left-color: var(--primary);
}
.prose strong {
  color: var(--foreground);
}

/* Знак «et» квадратный со скруглением, а не кружок: сборка режет логотип под rounded-full. */
img[src="/brand/etyp.svg"] {
  border-radius: 10px;
}