/**
 * Единая тема платформы: источник истины — html[data-theme="light"|"dark"|"contrast"].
 * Подключать сразу после variables.css, до base.css.
 *
 * Структурные токены (ширина shell, радиусы) задаются на :root — иначе при смене темы
 * они «пропадают» и ломаются width/max-width у .platform-bottom-nav (full viewport).
 */

:root {
  --mp-radius: 12px;
  --mp-radius-md: 14px;
  --mp-radius-lg: 16px;
  --mp-shell-max: 940px;
  --mp-icon: 24px;
  --mp-nav-safe-bottom: calc(120px + env(safe-area-inset-bottom, 0px));
}

html[data-theme="light"],
html:not([data-theme]) {
  color-scheme: light;

  /* Legacy layout (layout.css / base) */
  --text: #111827;
  --text-light: #6b7280;
  --bg: #f5f6fa;
  --bg-card: #ffffff;
  --border: #e5e7eb;
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.05);

  --mp-page-bg: #e9eef5;
  --mp-shell-bg: #ffffff;
  --mp-shell-shadow: 0 1px 10px rgba(46, 53, 96, 0.045);
  --mp-header-bg: #fafbfd;
  --mp-text: #2e3560;
  --mp-text-secondary: #5a6478;
  --mp-text-muted: #5c667a;
  --mp-border: #e6ebf2;
  --mp-border-soft: #eef1f6;
  --mp-border-light: rgba(165, 182, 205, 0.38);
  --mp-surface: #ffffff;
  --mp-surface-muted: rgba(250, 252, 254, 0.98);
  --mp-banner-bg: #f1f6fa;
  --mp-nav-bg: rgba(255, 255, 255, 0.98);
  --mp-nav-active-bg: rgba(241, 246, 250, 0.98);
  --mp-accent: #3d4a9e;
  --mp-accent-contrast: #ffffff;
  --mp-accent-border: rgba(61, 74, 158, 0.35);
  --mp-bottom-nav-shadow: 0 -2px 14px rgba(46, 53, 96, 0.05);
  --mp-link-hover-bg: rgba(241, 246, 250, 0.6);
  --mp-theme-btn-bg: #ffffff;
  --mp-theme-btn-bg-hover: #f0f4fa;
  --mp-theme-btn-color: #3d4759;
  --mp-input-bg: #ffffff;
  --mp-service-icon-text: #3d4a63;
  --mp-service-hover: #f5f8fb;
  --mp-title-muted: #5c667a;
  --mp-userbar-bg: #ffffff;
  --mp-userbar-bg-hover: #f7f9fc;
  --mp-userbar-border-hover: #d5dbe8;
  --mp-logout-hover: #f5f8fb;
  --mp-login-text: #4a5568;
  --mp-hero-bg: rgba(250, 252, 254, 0.98);
  --mp-submit-bg: rgba(46, 53, 96, 0.06);
  --mp-success-fg: #0a6b0a;
  --mp-success-bg: rgba(10, 107, 10, 0.08);
  --mp-success-border: rgba(10, 107, 10, 0.28);
  --mp-error-fg: #b00020;
  --mp-error-bg: rgba(176, 0, 32, 0.08);
  --mp-error-border: rgba(176, 0, 32, 0.25);
  --mp-warning-fg: #e65100;
  --mp-link-blue: #5b9bd4;
  --mp-link-blue-strong: #2b7fd1;
  --mp-seller-muted: #6b7285;
  --mp-favorite-hover-bg: rgba(91, 155, 212, 0.14);
  --mp-muted-panel-bg: rgba(241, 246, 250, 0.95);
  --mp-body-text-soft: #3d4759;
  --mp-hairline: rgba(0, 0, 0, 0.08);
  --mp-nested-bg: rgba(0, 0, 0, 0.02);
  --mp-caption: #7a8498;
  --alert-success-bg: #e6f9f0;
  --alert-success-fg: #1e7e5f;
  --alert-error-bg: #fdecea;
  --alert-error-fg: #b42318;
  --layout-sidebar-fade: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}

html[data-theme="dark"] {
  color-scheme: dark;

  --text: #e5e7eb;
  --text-light: #9ca3af;
  --bg: #0f172a;
  --bg-card: #1e293b;
  --border: #334155;
  --primary: #818cf8;
  --primary-hover: #a5b4fc;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.4);

  --mp-page-bg: #0b1220;
  --mp-shell-bg: #141f33;
  --mp-shell-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
  --mp-header-bg: #1a2332;
  --mp-text: #e8eefc;
  --mp-text-secondary: #a8b4cc;
  --mp-text-muted: #94a3b8;
  --mp-border: #334155;
  --mp-border-soft: #2d3a4a;
  --mp-border-light: rgba(148, 163, 184, 0.35);
  --mp-surface: #1e293b;
  --mp-surface-muted: rgba(30, 41, 59, 0.95);
  --mp-banner-bg: #1a2332;
  --mp-nav-bg: rgba(15, 23, 42, 0.98);
  --mp-nav-active-bg: rgba(51, 65, 85, 0.55);
  --mp-accent: #818cf8;
  --mp-accent-contrast: #0f172a;
  --mp-accent-border: rgba(129, 140, 248, 0.45);
  --mp-bottom-nav-shadow: 0 -2px 14px rgba(0, 0, 0, 0.35);
  --mp-link-hover-bg: rgba(51, 65, 85, 0.5);
  --mp-theme-btn-bg: #1e293b;
  --mp-theme-btn-bg-hover: #334155;
  --mp-theme-btn-color: #e2e8f0;
  --mp-input-bg: #1e293b;
  --mp-service-icon-text: #cbd5e1;
  --mp-service-hover: #334155;
  --mp-title-muted: #94a3b8;
  --mp-userbar-bg: #1e293b;
  --mp-userbar-bg-hover: #334155;
  --mp-userbar-border-hover: #475569;
  --mp-logout-hover: #334155;
  --mp-login-text: #cbd5e1;
  --mp-hero-bg: rgba(30, 41, 59, 0.95);
  --mp-submit-bg: rgba(148, 163, 184, 0.12);
  --mp-success-fg: #4ade80;
  --mp-success-bg: rgba(74, 222, 128, 0.12);
  --mp-success-border: rgba(74, 222, 128, 0.35);
  --mp-error-fg: #f87171;
  --mp-error-bg: rgba(248, 113, 113, 0.12);
  --mp-error-border: rgba(248, 113, 113, 0.35);
  --mp-warning-fg: #fb923c;
  --mp-link-blue: #7dd3fc;
  --mp-link-blue-strong: #38bdf8;
  --mp-seller-muted: #94a3b8;
  --mp-favorite-hover-bg: rgba(56, 189, 248, 0.15);
  --mp-muted-panel-bg: rgba(30, 41, 59, 0.92);
  --mp-body-text-soft: #cbd5e1;
  --mp-hairline: rgba(255, 255, 255, 0.1);
  --mp-nested-bg: rgba(255, 255, 255, 0.04);
  --mp-caption: #94a3b8;
  --alert-success-bg: rgba(74, 222, 128, 0.15);
  --alert-success-fg: #4ade80;
  --alert-error-bg: rgba(248, 113, 113, 0.15);
  --alert-error-fg: #f87171;
  --layout-sidebar-fade: linear-gradient(to bottom, rgba(30, 41, 59, 0.85), rgba(15, 23, 42, 0));
}

/**
 * Режим повышенной контрастности: не «ещё один dark», а чёткие границы и акценты.
 */
html[data-theme="contrast"] {
  color-scheme: dark;

  --text: #ffffff;
  --text-light: #e8e8e8;
  --bg: #000000;
  --bg-card: #0a0a0a;
  --border: #ffffff;
  --primary: #ffff00;
  --primary-hover: #ffff99;
  --shadow: 0 0 0 2px #ffffff;

  --mp-page-bg: #000000;
  --mp-shell-bg: #050505;
  --mp-shell-shadow: 0 0 0 2px #ffffff;
  --mp-header-bg: #000000;
  --mp-text: #ffffff;
  --mp-text-secondary: #f0f0f0;
  --mp-text-muted: #d0d0d0;
  --mp-border: #ffffff;
  --mp-border-soft: #ffffff;
  --mp-border-light: #ffffff;
  --mp-surface: #0a0a0a;
  --mp-surface-muted: #111111;
  --mp-banner-bg: #000000;
  --mp-nav-bg: #000000;
  --mp-nav-active-bg: #1a1a1a;
  --mp-accent: #ffff00;
  --mp-accent-contrast: #000000;
  --mp-accent-border: #ffff00;
  --mp-bottom-nav-shadow: 0 -3px 0 0 #ffffff;
  --mp-link-hover-bg: #1a1a1a;
  --mp-theme-btn-bg: #000000;
  --mp-theme-btn-bg-hover: #1a1a1a;
  --mp-theme-btn-color: #ffff00;
  --mp-input-bg: #000000;
  --mp-service-icon-text: #ffffff;
  --mp-service-hover: #1a1a1a;
  --mp-title-muted: #e0e0e0;
  --mp-userbar-bg: #000000;
  --mp-userbar-bg-hover: #1a1a1a;
  --mp-userbar-border-hover: #ffff00;
  --mp-logout-hover: #1a1a1a;
  --mp-login-text: #ffff00;
  --mp-hero-bg: #0a0a0a;
  --mp-submit-bg: #1a1a1a;
  --mp-success-fg: #00ff00;
  --mp-success-bg: #002200;
  --mp-success-border: #00ff00;
  --mp-error-fg: #ff6666;
  --mp-error-bg: #220000;
  --mp-error-border: #ff6666;
  --mp-warning-fg: #ff9900;
  --mp-link-blue: #00ffff;
  --mp-link-blue-strong: #66ffff;
  --mp-seller-muted: #cccccc;
  --mp-favorite-hover-bg: #1a1a1a;
  --mp-muted-panel-bg: #0a0a0a;
  --mp-body-text-soft: #f5f5f5;
  --mp-hairline: #ffffff;
  --mp-nested-bg: #111111;
  --mp-caption: #cccccc;
  --alert-success-bg: #002200;
  --alert-success-fg: #00ff00;
  --alert-error-bg: #220000;
  --alert-error-fg: #ff6666;
  --layout-sidebar-fade: linear-gradient(to bottom, #0a0a0a, #000000);
}

html[data-theme="contrast"] body.platform-page,
html[data-theme="contrast"] body.market-page {
  font-size: 18px;
}

html[data-theme="dark"] img[src*="/assets/icons/generated/"]:not([src*="/assets/icons/generated/contrast/"]):not([src*="header-balance-mig.svg"]),
html[data-theme="contrast"] img[src*="/assets/icons/generated/"]:not([src*="/assets/icons/generated/contrast/"]):not([src*="header-balance-mig.svg"]) {
  filter: brightness(0) invert(1);
}

/* Внешние SVG через <img>: currentColor внутри файла не наследует color — инверсия в dark/contrast.
   Иконка баланса (золотая MIG) без инверсии — см. header-balance-mig.svg */
html[data-theme="dark"] body.platform-page .platform-bottom-nav .nav-item img,
html[data-theme="dark"] body.platform-page .market-bottom-nav .nav-item img,
html[data-theme="dark"] body.market-page .market-bottom-nav .nav-item img,
html[data-theme="dark"] body.platform-page .mtl-service__icon img,
html[data-theme="dark"] body.market-page .mtl-service__icon img,
html[data-theme="dark"] body.platform-page .market-action-card__icon img,
html[data-theme="dark"] body.market-page .market-action-card__icon img,
html[data-theme="dark"] body.platform-page .mtl-product-author-icon[src$=".svg"],
html[data-theme="dark"] body.market-page .mtl-product-author-icon[src$=".svg"],
html[data-theme="dark"] body.platform-page .market-logo img[src$=".svg"],
html[data-theme="dark"] body.market-page .market-logo img[src$=".svg"],
html[data-theme="dark"] body.platform-page .mtl-user-icon[src$=".svg"],
html[data-theme="dark"] body.market-page .mtl-user-icon[src$=".svg"] {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

html[data-theme="contrast"] body.platform-page .platform-bottom-nav .nav-item img,
html[data-theme="contrast"] body.platform-page .market-bottom-nav .nav-item img,
html[data-theme="contrast"] body.market-page .market-bottom-nav .nav-item img,
html[data-theme="contrast"] body.platform-page .mtl-service__icon img,
html[data-theme="contrast"] body.market-page .mtl-service__icon img,
html[data-theme="contrast"] body.platform-page .market-action-card__icon img,
html[data-theme="contrast"] body.market-page .market-action-card__icon img,
html[data-theme="contrast"] body.platform-page .mtl-product-author-icon[src$=".svg"],
html[data-theme="contrast"] body.market-page .mtl-product-author-icon[src$=".svg"],
html[data-theme="contrast"] body.platform-page .market-logo img[src$=".svg"],
html[data-theme="contrast"] body.market-page .market-logo img[src$=".svg"],
html[data-theme="contrast"] body.platform-page .mtl-user-icon[src$=".svg"],
html[data-theme="contrast"] body.market-page .mtl-user-icon[src$=".svg"] {
  filter: brightness(0) invert(1);
  opacity: 1;
}