/*
 * My Work — единая система текста.
 * Основные и вспомогательные цвета наследуются от темы.
 */

:root {
  --text: #000000d9;
  --muted: #00000080;
  --text-secondary: var(--muted);
  --text-strong: var(--text);
  --text-soft: var(--muted);

  --font-body: 13px;
  --font-secondary: 12px;
  --font-small: 11px;
  --font-compact: 10px;
}

:root[data-theme='dark'] {
  --text: #ffffffcc;
  --muted: #ffffff80;
  --text-secondary: var(--muted);
  --text-strong: var(--text);
  --text-soft: var(--muted);
}

/* Общие классы текста */

.text-primary {
  color: var(--text);
}

.text-secondary,
.text-muted {
  color: var(--text-secondary);
}

.text-strong {
  color: var(--text-strong);
}

.text-accent {
  color: var(--blue);
}

/* Общие размеры */

.font-body {
  font-size: var(--font-body);
}

.font-secondary {
  font-size: var(--font-secondary);
}

.font-small {
  font-size: var(--font-small);
}

.font-compact {
  font-size: var(--font-compact);
}

/* Наследование основного цвета */

body {
  color: var(--text);
  font-size: var(--font-body);
}

button,
input,
select,
textarea {
  font-size: var(--font-body);
}

/* Централизованные цвета существующих компонентов */
:root {
  --color-link: #0088e8;
  --color-teal: #0f766e;
  --color-link-bright: #1689f8;
  --color-success-dark: #30936d;
  --color-success: #339d64;
  --color-info-light: #4db2f7;
  --color-link-dark: #4eb3ff;
  --color-neutral-dark: #536174;
  --color-neutral-blue: #5d7794;
  --color-success-light: #5fc49b;
  --color-purple: #6758d6;
  --color-purple-dark: #6d55b5;
  --color-purple-medium: #6f4fb3;
  --color-blue-muted: #7ca6d8;
  --color-neutral: #81909d;
  --color-purple-light: #8a6bc2;
  --color-warning-dark: #9a5a18;
  --color-neutral-light: #9aa5b3;
  --color-neutral-soft: #9eabb6;
  --color-warning-medium: #a86b16;
  --color-warning-soft: #b47632;
  --color-warning: #b86e00;
  --color-danger: #c83f3f;
  --color-warning-gold: #c98722;
  --color-danger-medium: #d84b4b;
  --color-danger-bright: #d94a4a;
  --color-warning-light: #d99429;
  --color-danger-strong: #dc2626;
  --color-warning-pale: #f6bd58;
  --color-on-accent: #fff;
}

/* My Work v4 — единый фон наведения и выбора */
:root {
  --interactive-highlight: #e5eff9;
}

:root[data-theme='dark'] {
  --interactive-highlight: #202a35;
}

/* Сайдбар */
.sidebar .nav-item:hover,
.sidebar .nav-item.active,
.sidebar .nav-item[aria-current='page'] {
  background: var(--interactive-highlight);
}

/* Вкладки */
.tabs .active,
.tabs [aria-selected='true'],
[role='tab'][aria-selected='true'] {
  background: var(--interactive-highlight);
}

/* Переключатели */
.segmented-control .active,
.segmented-control [aria-pressed='true'] {
  background: var(--interactive-highlight);
}

/* Выбранные элементы списков */
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item[aria-selected='true'] {
  background: var(--interactive-highlight);
}