/* Фирменный акцент PREX для Excalidraw (draw.prex.ru).
   Источник цвета: --general-accent-blue: #1072e0 из https://prex.ru/css/variables.css
   Дефолт Excalidraw — индиго #6965db. Переопределяются переменные, которые он объявляет
   в .excalidraw / .excalidraw.theme--dark, включая неочевидные:
     --color-surface-primary-container — фон активных кнопок панели и выбранного инструмента
     --color-on-primary-container      — иконка/подпись на активной кнопке
     --color-surface-high              — на него ссылается --button-hover-bg (ховер кнопок)
     --color-surface-low/mid           — поверхности с индиго-подмесом в дефолтной палитре
   Подключается через nginx sub_filter (см. excalidraw.nginx.conf) — образ не пересобирается. */
.excalidraw {
  --color-primary: #1072e0;
  --color-primary-darker: #0e65c8;
  --color-primary-darkest: #0c56ac;
  --color-primary-hover: #0e65c8;
  --color-primary-light: #deecfc;
  --color-primary-light-darker: #cbe1fb;
  --color-primary-contrast-offset: #1076ea;
  --color-brand-hover: #0e65c8;
  --color-brand-active: #0c56ac;
  --color-selection: #1072e0;
  --color-surface-primary-container: #d5e7fc;
  --color-on-primary-container: #053061;
  --color-surface-high: #eff4fb;
  --color-surface-mid: #f2f5f7;
  --color-surface-low: #eceff4;
  --color-border-outline-variant: #c3c9d0;
  --color-logo-text: #053061;
}
.excalidraw.theme--dark {
  --color-primary: #1072e0;
  --color-primary-darker: #2c86ed;
  --color-primary-darkest: #4d99ef;
  --color-primary-hover: #2c86ed;
  --color-primary-light: #4a5d73;
  --color-primary-light-darker: #3e4e60;
  --color-primary-contrast-offset: #1f80ef;
  --color-brand-hover: #2c86ed;
  --color-brand-active: #4d99ef;
  --color-selection: #1072e0;
  --color-surface-primary-container: #2b4869;
  --color-on-primary-container: #c6dffa;
  --color-surface-high: #2f353c;
  --color-surface-mid: #17191c;
  --color-surface-low: #22262a;
  --color-logo-text: #d0e4fb;
  /* заполненная часть ползунка «Непрозрачность»: дефолт hsl(244,23%,39%) — фиолетовый */
  --color-slider-track: hsl(212, 55%, 45%);
}

/* Ползунок «Непрозрачность»: заливка рисуется как linear-gradient от --color-slider-track,
   поэтому одной переменной хватает на обе половины. Светлая тема — дефолт hsl(240,100%,90%). */
.excalidraw {
  --color-slider-track: hsl(212, 100%, 90%);
}

/* --- Убраны пункты, ведущие на ресурсы самого Excalidraw ---------------------
   Соцсети и промо в бургер-меню (GitHub / X / Discord), кнопка «Go to Excalidraw+»
   и внешние ссылки диалога помощи. Скрываем по href, а не по классу: классы пунктов
   меню апстрим переименовывает чаще, чем адреса. «Библиотека» (libraries.excalidraw.com)
   намеренно оставлена — это рабочая функция, а не промо. */
.excalidraw a[href*="github.com/excalidraw"],
.excalidraw a[href*="x.com/excalidraw"],
.excalidraw a[href*="twitter.com/excalidraw"],
.excalidraw a[href*="discord.gg"],
.excalidraw a[href*="youtube.com/@excalidraw"],
.excalidraw a[href*="plus.excalidraw.com"],
.excalidraw a[href*="app.excalidraw.com"],
.excalidraw a[href*="docs.excalidraw.com"],
/* «Sign up» / «Sign in» / «Excalidraw+» ведут на РАЗНЫЕ домены (VITE_APP_PLUS_LP и
   VITE_APP_PLUS_APP), но все помечены utm — это надёжнее, чем перечислять хосты */
.excalidraw a[href*="utm_content=hamburger"],
.excalidraw a[href*="utm_content=welcomeScreenGuest"],
.excalidraw a[href*="utm_source=signin"],
.excalidraw .plus-button {
  display: none !important;
}

/* Карточка «Excalidraw+» в диалоге сохранения. Отличается от соседних (disk/link) только
   логотипом внутри — у него inline-стиль --color-logo-icon, за него и цепляемся. */
.excalidraw .Card:has(.Card-icon [style*="--color-logo-icon"]) {
  display: none !important;
}

/* --- Название продукта: PREX Draw -------------------------------------------
   Надпись в логотипе — отдельный SVG (.ExcalidrawLogo-text), текст внутри него не
   подменить, поэтому прячем и рисуем свой тем же рукописным шрифтом Excalifont.
   Карандаши (.ExcalidrawLogo-icon) красятся через --color-logo-icon: var(--color-primary),
   то есть уже стали фирменными синими вместе с акцентом. */
.excalidraw .ExcalidrawLogo .ExcalidrawLogo-text {
  display: none !important;
}
/* Размер берём от родных --logo-text--*, по одному правилу на каждый модификатор: на welcome-screen
   логотип идёт в размере is-large (65px), и без отдельного правила надпись съезжает к normal (2.2rem).
   ВАЖНО про коэффициент: --logo-text--* задаёт ВЫСОТУ SVG-надписи, которую глифы занимают целиком,
   а font-size задаёт кегль, где на заглавные приходится ~0.72 от него. Поэтому множитель ~1.4,
   иначе надпись выглядит мельче оригинала при формально «том же размере».
   Про шрифт: надпись в оригинальном логотипе нарисована ТЕМ ЖЕ Excalifont, только жирнее —
   формы букв совпадают один в один, отличается лишь вес. Excalifont идёт одним начертанием,
   поэтому вес добирается обводкой .05em (подобрано сравнением рендера с оригиналом).
   font-weight намеренно НЕ ставим: синтетический bold поверх обводки искажает формы. */
.excalidraw .ExcalidrawLogo::after {
  content: "PREX Draw";
  margin-left: .75rem;
  font-family: Excalifont, var(--ui-font), sans-serif;
  -webkit-text-stroke: .05em currentColor;
  paint-order: stroke fill;
  font-size: calc(var(--logo-text--normal, 2.2rem) * 1.4);
  line-height: 1;
  white-space: nowrap;
  color: var(--color-logo-text);
}
.excalidraw .ExcalidrawLogo.is-xs::after    { font-size: calc(var(--logo-text--xs) * 1.4); }
.excalidraw .ExcalidrawLogo.is-small::after { font-size: calc(var(--logo-text--small) * 1.4); }
.excalidraw .ExcalidrawLogo.is-large::after { font-size: calc(var(--logo-text--large) * 1.4); }

/* В тёмной теме --color-primary работает и фоном кнопок, и цветом текста. Фирменный #1072e0
   как текст на тёмном фоне даёт контраст 3.4:1 — мало для мелких надписей,
   поэтому ТОЛЬКО текстовые места получают осветлённый бренд (#4d9bf0, 5.4:1).
   Кнопки и заливки остаются ровно фирменными. */
.excalidraw.theme--dark .library-menu-items-container__header,
.excalidraw.theme--dark .library-menu-items__no-items__label,
.excalidraw.theme--dark .ShareDialog__picker__header,
.excalidraw.theme--dark .encrypted-icon,
.excalidraw.theme--dark .App-toolbar__extra-tools-trigger--selected {
  color: #4d9bf0;
}
.excalidraw.theme--dark .sidebar__header__buttons .sidebar__dock.selected svg {
  stroke: #4d9bf0;
  fill: #4d9bf0;
}

/* Кнопка «Поделиться»: её подпись берёт --color-surface-lowest, а в тёмной теме это почти
   чёрный — на фирменном синем читается хуже белого (4.1:1 против 4.7:1). */
.excalidraw.theme--dark .collab-button {
  --button-color: #ffffff;
}