/*
  ProtonGo — светлая система.
  Одна палитра для public, workspace и control. Режимы отличаются плотностью,
  а не цветом: главная остаётся показной, кабинеты — карточками, админка — плотной.
  Имена с префиксом --ds-: в styles.css и admin.css уже заняты --bg, --ink, --teal.
*/

[data-ds-mode="public"],
[data-ds-mode="control"],
[data-ds-mode="workspace"] {
  /* Цвет. Вторичный текст темнее ориентира #718187: на белом тот даёт контраст ниже 4.5:1. */
  --ds-color-bg: #f5f8f8;
  --ds-color-surface: #ffffff;
  --ds-color-surface-sunken: #edf2f2;
  --ds-color-border: #e3ebeb;
  --ds-color-border-strong: #c5d4d4;
  --ds-color-text: #172b32;
  --ds-color-text-muted: #5a6e74;
  --ds-color-text-disabled: #6e8086;
  --ds-color-teal: #e8f2f1;
  --ds-color-teal-accent: #267a78;
  --ds-color-gold: #b8955c;
  --ds-color-gold-ink: #7a6238;
  --ds-color-hover: rgba(38, 122, 120, 0.10);

  /* Статусы. Цвет читается и на белой поверхности, и на своей плашке. */
  --ds-color-success: #146c36;
  --ds-color-success-bg: #e5f4eb;
  --ds-color-warning: #8a5300;
  --ds-color-warning-bg: #fff4de;
  --ds-color-danger: #9f2d2d;
  --ds-color-danger-bg: #fdecea;
  --ds-color-info: #1f6462;
  --ds-color-info-bg: #e8f2f1;
  --ds-color-focus: #1f6462;

  /* Кнопка действия. Бирюза, белый текст. Золото не заменяет действие. */
  --ds-color-action: #267a78;
  --ds-color-action-text: #ffffff;
  --ds-color-action-hover: #1c5f5d;
  --ds-color-action-active: #174e4c;

  /* ProtonGo. Роли метафоры поверх той же светлой палитры, без новой темы.
     Ядро — структура. Орбита — связь. Электрон — компания. Протон — клиент.
     Золото протона не заменяет текст: для подписи остаётся --ds-color-gold-ink. */
  --ds-color-core: #12363c;
  --ds-color-orbit: #7dccc7;
  --ds-color-electron: #267a78;
  --ds-color-proton: #b8955c;

  /* Поле. */
  --ds-color-field: #ffffff;
  --ds-color-field-border: #c5d4d4;

  /* Типографика рабочих экранов. Public ниже задаёт показ главной. */
  --ds-font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --ds-font-family-display: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --ds-font-size-body: 16px;
  --ds-font-size-secondary: 0.9375rem;
  --ds-font-size-caption: 0.85rem;
  --ds-font-size-h1: 1.6rem;
  --ds-font-size-h2: 1.2rem;
  --ds-font-size-h3: 1.05rem;
  --ds-font-size-display: 1.6rem;
  --ds-font-size-metric: 2rem;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 600;
  --ds-font-weight-semibold: 650;
  --ds-font-line-body: 1.5;
  --ds-font-line-heading: 1.2;
  --ds-font-line-caption: 1.4;

  /* Геометрия. */
  --ds-radius-none: 0;
  --ds-radius-control: 8px;
  --ds-radius-button: 8px;
  --ds-radius-surface: 12px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;
  --ds-pad-control-y: 8px;
  --ds-pad-control-x: 12px;
  --ds-pad-surface: 16px;
  --ds-size-control: 40px;
  --ds-size-control-sm: 32px;
  --ds-nav-width: 232px;
  --ds-shadow-surface: 0 1px 2px rgba(23, 43, 50, 0.04), 0 8px 24px rgba(23, 43, 50, 0.05);
  --ds-shadow-overlay: 0 16px 40px rgba(23, 43, 50, 0.14);
  --ds-duration-fast: 120ms;
  --ds-duration: 160ms;
  --ds-ease: cubic-bezier(0.2, 0, 0, 1);
  --ds-border-width: 1px;
  --ds-border-width-strong: 1.5px;
}

/* Public: маркетинговая подача. Крупнее тип, прямые кнопки, та же светлая палитра. */
[data-ds-mode="public"] {
  --ds-font-family: Bahnschrift, "Segoe UI", system-ui, sans-serif;
  --ds-font-family-display: Bahnschrift, "Segoe UI", system-ui, sans-serif;
  --ds-font-size-h1: clamp(2rem, 3vw, 2.75rem);
  --ds-font-size-h2: clamp(1.5rem, 2.2vw, 2rem);
  --ds-font-size-h3: 1.25rem;
  --ds-font-size-display: clamp(2.5rem, 4.5vw, 4.55rem);
  --ds-font-weight-semibold: 600;
  --ds-radius-button: 0;
  --ds-radius-surface: 0;
  --ds-pad-control-y: 12px;
  --ds-pad-control-x: 22px;
  --ds-pad-surface: 32px;
  --ds-size-control: 48px;
  --ds-nav-width: 0px;
  --ds-shadow-surface: 0 18px 40px rgba(23, 43, 50, 0.08);
  --ds-duration-fast: 180ms;
  --ds-duration: 280ms;
  --ds-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ds-color-action: #267a78;
  --ds-color-action-text: #ffffff;
  --ds-color-action-hover: #1c5f5d;
  --ds-color-action-active: #174e4c;
}

/* Сброс того, что Public переопределяет. Нужен, когда Workspace или Control вложены в Public. */
[data-ds-mode="control"],
[data-ds-mode="workspace"] {
  --ds-font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --ds-font-family-display: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --ds-font-weight-semibold: 650;
  --ds-radius-button: 8px;
  --ds-radius-surface: 12px;
  --ds-color-action: #267a78;
  --ds-color-action-text: #ffffff;
  --ds-color-action-hover: #1c5f5d;
  --ds-color-action-active: #174e4c;
  --ds-ease: cubic-bezier(0.2, 0, 0, 1);
  --ds-duration-fast: 120ms;
  --ds-shadow-surface: 0 1px 2px rgba(23, 43, 50, 0.04), 0 8px 24px rgba(23, 43, 50, 0.05);
}

/* Control: плотная админка. Та же палитра, меньше воздуха и почти без тени. */
[data-ds-mode="control"] {
  --ds-font-size-h1: 1.5rem;
  --ds-font-size-h2: 1.15rem;
  --ds-font-size-h3: 1rem;
  --ds-font-size-display: 1.5rem;
  --ds-font-size-metric: 2rem;
  --ds-pad-control-y: 6px;
  --ds-pad-control-x: 10px;
  --ds-pad-surface: 16px;
  --ds-size-control: 36px;
  --ds-size-control-sm: 28px;
  --ds-nav-width: 244px;
  --ds-duration-fast: 80ms;
  --ds-duration: 120ms;
  --ds-shadow-surface: none;
  --ds-radius-surface: 8px;
}

/* Workspace: кабинеты. Та же палитра, карточки и чуть больше воздуха, чем в админке. */
[data-ds-mode="workspace"] {
  --ds-font-size-h1: 1.625rem;
  --ds-font-size-h2: 1.2rem;
  --ds-font-size-h3: 1.05rem;
  --ds-font-size-display: 1.625rem;
  --ds-font-size-metric: 1.75rem;
  --ds-pad-control-y: 10px;
  --ds-pad-control-x: 14px;
  --ds-pad-surface: 20px;
  --ds-size-control: 44px;
  --ds-nav-width: 220px;
  --ds-duration: 160ms;
}

@media (prefers-reduced-motion: reduce) {
  [data-ds-mode="public"],
  [data-ds-mode="control"],
  [data-ds-mode="workspace"] {
    --ds-duration-fast: 0ms;
    --ds-duration: 0ms;
  }
}