:root {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --ink: #1b2430;
  --muted: var(--app-text-muted, #6b7280);
  --accent: var(--app-brand-accent, #2f80ed);
  --accent-soft: #e3efff;
  --shadow: 0 18px 40px rgba(20, 28, 40, 0.08);
  --radius: 18px;
  --mobile-nav-tab-size: 72px;
  --mobile-nav-tab-height: 56px;
  --mobile-nav-label-size: 11px;
  --mobile-nav-icon-size: 24px;
  --mobile-nav-icon-svg-size: 20px;
  --mobile-nav-badge-size: 26px;
  --mobile-nav-project-emoji-size: 20px;
  --mobile-nav-padding-bottom: calc(15px + env(safe-area-inset-bottom));
  --dashboard-floating-actions-mobile-right: 10px;
  --dashboard-floating-actions-mobile-bottom: 10px;
  --app-platform-wb-fg: #8b5cf6;
  --app-platform-wb-bg: rgba(139, 92, 246, 0.12);
  --app-platform-ozon-fg: #0284c7;
  --app-platform-ozon-bg: rgba(2, 132, 199, 0.12);
  --app-status-rebuild-alert-soft: #fff1f3;
  --app-status-rebuild-alert-fg: var(--app-text-strongest, #0f172a);
  --app-status-issue-soft: #fff1f3;
  --app-status-issue-strong: #ffe5e5;
  --app-table-head-ads-bg: #efeaff;
  --app-table-head-finance-bg: #e6ebf1;
  --app-table-head-finance-fg: #5e6978;
  --app-table-head-neutral-bg: #eef1f5;
  --app-table-head-neutral-fg: #5f6b7a;
  --app-table-head-yellow-bg: #fff4d8;
  --app-table-head-yellow-fg: #9b8748;
  --app-table-head-media-bg: #edf1ff;
  --app-table-head-inventory-bg: #fff4e0;
}

html:not(.app-standalone) {
  --mobile-nav-padding-bottom: calc(10px + env(safe-area-inset-bottom));
}

html[data-theme="default"] {
  color-scheme: light;
  --app-page-bg: linear-gradient(180deg, #f7f9fc 0%, #eff3f8 60%, #ecf1f7 100%);
  --app-surface-border: #e7edf6;
  --app-surface-border-soft: #dbe4f1;
  --app-surface-border-brand: #d8e0ec;
  --app-surface-border-brand-hover: #d0d9e7;
  --app-surface-fill: #ffffff;
  --app-surface-fill-subtle: #f8fbff;
  --app-surface-fill-subtle-hover: #f3f8ff;
  --app-surface-fill-brand: #eef3f9;
  --app-surface-fill-brand-hover: #e7edf6;
  --app-surface-fill-overlay: rgba(255, 255, 255, 0.98);
  --app-surface-fill-input: #e9edf3;
  --app-surface-fill-elevated: #ffffff;
  --app-surface-fill-muted: #f4f6fa;
  --app-surface-fill-ghost: #fbfdff;
  --app-surface-fill-canvas: #f8fafc;
  --app-surface-fill-warn: #efe7dc;
  --app-surface-soft: #fbfcfe;
  --app-surface-soft-hover: #f6f8fb;
  --app-surface-muted: #f5f7fa;
  --app-surface-segment: #eef3f9;
  --app-surface-segment-alt: #eef3fb;
  --app-surface-segment-hover: #f4f7fc;
  --app-surface-card: #f8fbff;
  --app-surface-success: #f7fcf7;
  --app-surface-success-hover: #f0f8f1;
  --app-surface-feedback-approved: #eefaf1;
  --app-surface-feedback-approved-hover: #e4f6e9;
  --app-surface-feedback-rejected: #fff4f2;
  --app-surface-feedback-rejected-hover: #feece8;
  --app-text-soft: #475569;
  --app-text-muted-soft: #7b8593;
  --app-text-subtle: #667085;
  --app-text-default: #334155;
  --app-text-primary: #334155;
  --app-text-heading: #1f2937;
  --app-text-muted: #94a3b8;
  --app-text-tertiary: #64748b;
  --app-text-strong: #1f2937;
  --app-text-strongest: #0f172a;
  --app-text-secondary: #5f6b7a;
  --app-text-light: #738091;
  --app-text-placeholder: #97a3b5;
  --app-text-subtle-accent: #8fa0b6;
  --app-border-input: #dfe7f2;
  --app-border-elevated: #e2e8f0;
  --app-border-soft: #dde5ef;
  --app-border-soft-hover: #cfd9e6;
  --app-border-segment: #d8e0ec;
  --app-border-field-hover: #d3dde9;
  --app-border-focus: #a6bbcd;
  --app-border-success: #d7e6da;
  --app-border-success-hover: #c5d9ca;
  --app-surface-border-brand-soft: #d7e0ec;
  --app-surface-border-brand-highlight: #c7d7ee;
  --app-surface-border-brand-active: #bcd1ef;
  --app-status-growth-soft: #e1f4e8;
  --app-status-growth-strong: #c6ecd6;
  --app-status-promo: #86a5c3;
  --app-status-excluded: #f4f6fa;
  --app-warning-fill: #fef3c7;
  --app-warning-border: #fde68a;
  --app-warning-fg: #92400e;
  --app-info-fill: #ecfeff;
  --app-info-border: #a5f3fc;
  --app-info-fg: #155e75;
  --app-muted-fill: #f1f5f9;
  --app-muted-border: #cbd5e1;
  --app-muted-fg: #334155;
  --app-video-overlay: rgba(15, 23, 42, 0.75);
  --app-table-head-bg: #f1f5fb;
  --app-table-head-border: #e6edf8;
  --app-table-head-ads-fg: #8b78b8;
  --app-table-head-media-fg: #8190be;
  --app-table-head-inventory-fg: #9b8748;
  --app-table-selection-bar-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(249, 251, 255, 0.99) 100%);
  --app-table-selection-chip-bg: rgba(98, 126, 193, 0.08);
  --app-table-selection-chip-muted-bg: rgba(148, 163, 184, 0.12);
  --app-table-selection-popover-bg: rgba(255, 255, 255, 0.99);
  --app-table-selection-popover-shadow: 0 14px 40px rgba(20, 28, 40, 0.14);
  --app-table-selection-trigger-bg: var(--app-surface-fill-brand, #eef3f9);
  --app-table-selection-trigger-bg-hover: var(--app-surface-fill-subtle, #f8fbff);
  --app-table-selection-trigger-border: var(--app-surface-border, #dbe3ef);
  --app-tooltip-bg: #1c1b19;
  --app-tooltip-fg: #ffffff;
  --app-tooltip-border: #1c1b19;
  --app-overlay-backdrop-strong: rgba(15, 23, 42, 0.64);
  --app-overlay-backdrop-dark: rgba(15, 23, 42, 0.85);
  --app-surface-fill-dark: #0b1220;
  --app-surface-fill-darkest: #000000;
  --app-surface-fill-fade: rgba(251, 253, 255, 0.4);
  --app-surface-fill-selected: #f2f7ff;
  --app-scrollbar-track: rgba(241, 245, 251, 0.96);
  --app-danger-fill: #fee2e2;
  --app-danger-border: #fecaca;
  --app-danger-border-hover: #ebb2ac;
  --app-danger-fg: #b91c1c;
  --app-success-fill: #dcfce7;
  --app-success-border: #86efac;
  --app-success-border-hover: #95d5a9;
  --app-success-fg: #166534;
  --app-tone-accent-bg: #7e9dbf;
  --app-tone-accent-bg-hover: #6f90b3;
  --app-tone-accent-fg: #ffffff;
  --app-tone-dark-bg: #0f172a;
  --app-tone-dark-bg-hover: #111c33;
  --app-tone-dark-fg: #ffffff;
  --app-brand-accent: #7e9dbf;
  --app-spp-accent: #9685d6;
  --app-hero-brand-bg: #eef3f9;
  --app-hero-brand-border: #d8e0ec;
  --app-hero-brand-fg: #5d6776;
  --app-hero-brand-hover-bg: #e7edf6;
  --app-hero-brand-hover-border: #d0d9e7;
  --app-hero-muted-fg: var(--muted-light, #98a2b3);
}

/* Base ui aliases shared by styles.css and ui-compact.css */
:root {
  /* Type scale */
  --ui-font-micro: 10px;
  --ui-font-compact: 11px;
  --ui-font-secondary: 12px;
  --ui-font-title-page: clamp(18px, 2.2vw, 24px);
  --ui-font-title-section: 18px;
  --ui-font-title-panel: 12px;
  --ui-font-title-micro: 10px;
  /* Height scale */
  --ui-height-sm: 28px;
  --ui-height-md: 30px;
  --ui-height-lg: 32px;
  /* Semantic sizes */
  --ui-size-s-height: 26px;
  --ui-size-s-px: 8px;
  --ui-size-s-font: var(--ui-font-micro);
  --ui-size-m-height: var(--ui-height-md);
  --ui-size-m-px: 11px;
  --ui-size-m-font: var(--ui-font-compact);
  --ui-size-l-height: var(--ui-height-lg);
  --ui-size-l-px: 12px;
  --ui-size-l-font: var(--ui-font-secondary);
  /* Surface tokens */
  --ui-surface-base: var(--app-surface-fill, #ffffff);
  --ui-surface-soft: var(--app-surface-soft, #fbfcfe);
  --ui-surface-soft-hover: var(--app-surface-soft-hover, #f6f8fb);
  --ui-surface-muted: var(--app-surface-muted, #f5f7fa);
  --ui-surface-segment: var(--app-surface-segment, #eef3f9);
  --ui-surface-segment-alt: var(--app-surface-segment-alt, #eef3fb);
  --ui-surface-segment-hover: var(--app-surface-segment-hover, #f4f7fc);
  --ui-surface-card: var(--app-surface-card, #f8fbff);
  --ui-surface-success: var(--app-surface-success, #f7fcf7);
  --ui-surface-success-hover: var(--app-surface-success-hover, #f0f8f1);
  --ui-surface-feedback-approved: var(--app-surface-feedback-approved, #eefaf1);
  --ui-surface-feedback-approved-hover: var(--app-surface-feedback-approved-hover, #e4f6e9);
  --ui-surface-feedback-rejected: var(--app-surface-feedback-rejected, #fff4f2);
  --ui-surface-feedback-rejected-hover: var(--app-surface-feedback-rejected-hover, #feece8);
  --ui-surface-table-growth: var(--app-surface-table-growth, #edf7f1);
  --ui-surface-table-growth-strong: var(--app-surface-table-growth-strong, #dff1e7);
  --ui-surface-table-issue: var(--app-surface-table-issue, #fff6ee);
  --ui-surface-table-issue-strong: var(--app-surface-table-issue-strong, #ffe9e2);
  --ui-surface-table-excluded: var(--app-surface-table-excluded, #f7f9fc);
  /* Border tokens */
  --ui-border-soft: var(--app-border-soft, #dde5ef);
  --ui-border-soft-hover: var(--app-border-soft-hover, #cfd9e6);
  --ui-border-segment: var(--app-border-segment, #d8e0ec);
  --ui-border-field-hover: var(--app-border-field-hover, #d3dde9);
  --ui-border-focus: var(--app-border-focus, #c7d4e4);
  --ui-border-success: var(--app-border-success, #d7e6da);
  --ui-border-success-hover: var(--app-border-success-hover, #c5d9ca);
  /* Text tokens */
  --ui-text-primary: var(--app-text-primary, #334155);
  --ui-text-heading: var(--app-text-heading, #1f2937);
  --ui-text-strong: var(--app-text-strong, #111827);
  --ui-text-secondary: var(--app-text-secondary, #5f6b7a);
  --ui-text-muted: var(--app-text-muted, #6b7788);
  --ui-text-soft: var(--app-text-soft, #475569);
  --ui-text-muted-soft: var(--app-text-muted-soft, #7b8593);
  --ui-text-light: var(--app-text-light, #738091);
  --ui-text-placeholder: var(--app-text-placeholder, #97a3b5);
  --ui-text-subtle: var(--app-text-subtle, #667085);
  --ui-text-subtle-accent: var(--app-text-subtle-accent, #8fa0b6);
  --ui-tone-accent-bg: var(--app-tone-accent-bg, #0b5ecb);
  --ui-tone-accent-bg-hover: var(--app-tone-accent-bg-hover, #0a53b3);
  --ui-tone-accent-fg: var(--app-tone-accent-fg, #ffffff);
  --ui-tone-dark-bg: var(--app-tone-dark-bg, #0f172a);
  --ui-tone-dark-bg-hover: var(--app-tone-dark-bg-hover, #111c33);
  --ui-tone-dark-fg: var(--app-tone-dark-fg, #ffffff);
  --ui-weight-regular: 400;
  --ui-weight-medium: 500;
  --ui-weight-semibold: 600;
  /* Shared radii */
  --ui-radius-pill: 999px;
  --ui-radius-field: 10px;
  --ui-radius-panel: 12px;
  --ui-radius-card: 14px;
  /* Shared shadows */
  --ui-shadow-pill-active: 0 2px 8px rgba(20, 28, 40, 0.08);
  --ui-shadow-pill-soft: 0 1px 2px rgba(15, 23, 42, 0.06), 0 6px 14px rgba(15, 23, 42, 0.05);
  --ui-shadow-float: 0 14px 30px rgba(15, 23, 42, 0.11);
  --ui-shadow-float-strong: 0 18px 34px rgba(15, 23, 42, 0.14);
  --ui-shadow-toolbar: 0 8px 22px rgba(15, 23, 42, 0.12);
  --ui-shadow-toolbar-hover: 0 10px 24px rgba(15, 23, 42, 0.14);
}

html[data-theme="warm"] {
  color-scheme: light;
  --bg: #f8f1e8;
  --panel: #fffaf4;
  --ink: #2e261f;
  --muted: #7a6a58;
  --accent: #c79d62;
  --accent-soft: #f4e3cd;
  --shadow: 0 18px 40px rgba(80, 52, 20, 0.09);
  --radius: 18px;
  --app-page-bg: linear-gradient(180deg, #fcf6ef 0%, #f7efe4 60%, #f2e8db 100%);
  --app-surface-fill: #fffaf4;
  --app-surface-fill-subtle: #fbf4ea;
  --app-surface-fill-subtle-hover: #f7ecdf;
  --app-surface-fill-brand: #f3e7d8;
  --app-surface-fill-brand-hover: #ecdcc8;
  --app-surface-fill-overlay: rgba(255, 250, 244, 0.98);
  --app-surface-fill-input: #f1e7da;
  --app-surface-fill-elevated: #fffaf4;
  --app-surface-fill-muted: #f7efe4;
  --app-surface-fill-ghost: #fffdf9;
  --app-surface-fill-canvas: #fbf4ea;
  --app-surface-fill-selected: #fff1da;
  --app-surface-soft: #fffaf4;
  --app-surface-soft-hover: #f8efe2;
  --app-surface-muted: #f5eadb;
  --app-surface-segment: #f3e7d8;
  --app-surface-segment-alt: #f8efe2;
  --app-surface-segment-hover: #f0dfcb;
  --app-surface-card: #fffaf4;
  --app-surface-success: #f4f9ef;
  --app-surface-success-hover: #ebf2e1;
  --app-surface-feedback-approved: #f4f9ef;
  --app-surface-feedback-approved-hover: #e9f1dc;
  --app-surface-feedback-rejected: #fff5ef;
  --app-surface-feedback-rejected-hover: #f9e7d8;
  --app-text-soft: #4d3e31;
  --app-text-muted-soft: #8a7763;
  --app-text-subtle: #7a6a58;
  --app-text-default: #2e261f;
  --app-text-primary: #4b3c2d;
  --app-text-heading: #241c16;
  --app-text-muted: #7a6a58;
  --app-text-tertiary: #7f6d5a;
  --app-text-strong: #241c16;
  --app-text-strongest: #1a1410;
  --app-text-secondary: #6d5b49;
  --app-text-light: #866f5b;
  --app-text-placeholder: #a38f7c;
  --app-text-subtle-accent: #a58c71;
  --app-border-input: #e1d0bf;
  --app-border-elevated: #e2cfba;
  --app-border-soft: #e0cfbb;
  --app-border-soft-hover: #d6c1a8;
  --app-border-segment: #decab2;
  --app-border-field-hover: #d9c4ad;
  --app-border-focus: #d0ae83;
  --app-border-success: #cfe1c2;
  --app-border-success-hover: #bdd2ad;
  --app-surface-border-brand-soft: #e0cfbb;
  --app-surface-border-brand-highlight: #d8c2a8;
  --app-surface-border-brand-active: #cfae86;
  --app-status-growth-soft: #e8f3df;
  --app-status-growth-strong: #d2e7bf;
  --app-status-promo: #cfad7a;
  --app-status-excluded: #f7efe4;
  --app-warning-fill: #fde68a;
  --app-warning-border: #f59e0b;
  --app-warning-fg: #7c2d12;
  --app-info-fill: #ecfeff;
  --app-info-border: #99f6e4;
  --app-info-fg: #115e59;
  --app-muted-fill: #f6efe7;
  --app-muted-border: #e0cfbb;
  --app-muted-fg: #4b3c2d;
  --app-video-overlay: rgba(55, 32, 11, 0.72);
  --app-table-head-bg: #f6eadc;
  --app-table-head-border: #e0cfbb;
  --app-table-head-ads-fg: #a37b55;
  --app-table-head-media-fg: #9d8a72;
  --app-table-head-inventory-fg: #a78a4d;
  --app-table-selection-bar-bg: linear-gradient(180deg, rgba(255, 248, 240, 0.99) 0%, rgba(250, 242, 232, 0.99) 100%);
  --app-table-selection-chip-bg: rgba(176, 134, 85, 0.12);
  --app-table-selection-chip-muted-bg: rgba(159, 120, 73, 0.12);
  --app-table-selection-popover-bg: rgba(255, 248, 240, 0.99);
  --app-table-selection-popover-shadow: 0 14px 40px rgba(55, 32, 11, 0.12);
  --app-table-selection-trigger-bg: #f3e7d8;
  --app-table-selection-trigger-bg-hover: #eadac6;
  --app-table-selection-trigger-border: #decab2;
  --app-tooltip-bg: #33261a;
  --app-tooltip-fg: #fffaf4;
  --app-tooltip-border: #33261a;
  --app-overlay-backdrop-strong: rgba(55, 32, 11, 0.58);
  --app-overlay-backdrop-dark: rgba(55, 32, 11, 0.78);
  --app-surface-fill-dark: #2e261f;
  --app-surface-fill-darkest: #1a1410;
  --app-surface-fill-fade: rgba(255, 250, 244, 0.5);
  --app-scrollbar-track: rgba(224, 207, 187, 0.85);
  --app-danger-fill: #fde2dc;
  --app-danger-border: #efb1a5;
  --app-danger-border-hover: #e29b8a;
  --app-danger-fg: #9a3412;
  --app-success-fill: #e6f2d6;
  --app-success-border: #b5d39a;
  --app-success-border-hover: #9fc782;
  --app-success-fg: #3f6212;
  --app-tone-accent-bg: #d1b088;
  --app-tone-accent-bg-hover: #c4a06f;
  --app-tone-accent-fg: #ffffff;
  --app-tone-dark-bg: #4b3c2d;
  --app-tone-dark-bg-hover: #2e261f;
  --app-tone-dark-fg: #fffaf4;
  --app-brand-accent: #d1b088;
  --app-spp-accent: #b09ad9;
  --app-hero-brand-bg: #f3e7d8;
  --app-hero-brand-border: #decab2;
  --app-hero-brand-fg: #6d5b49;
  --app-hero-brand-hover-bg: #ead7c0;
  --app-hero-brand-hover-border: #d6c1a8;
  --app-hero-muted-fg: #98836f;
}

html[data-theme="graphite"] {
  color-scheme: light;
  --bg: #eef1f4;
  --panel: #fbfcfd;
  --ink: #202833;
  --muted: #617085;
  --accent: #8f9aa8;
  --accent-soft: #e8edf3;
  --shadow: 0 18px 40px rgba(35, 47, 63, 0.08);
  --radius: 18px;
  --app-page-bg: linear-gradient(180deg, #f4f6f8 0%, #edf1f5 60%, #e8edf2 100%);
  --app-surface-fill: #fbfcfd;
  --app-surface-fill-subtle: #f5f7f9;
  --app-surface-fill-subtle-hover: #eef2f6;
  --app-surface-fill-brand: #e9edf2;
  --app-surface-fill-brand-hover: #dde3ea;
  --app-surface-fill-overlay: rgba(251, 252, 253, 0.98);
  --app-surface-fill-input: #e8edf2;
  --app-surface-fill-elevated: #ffffff;
  --app-surface-fill-muted: #f2f5f8;
  --app-surface-fill-ghost: #fcfdfe;
  --app-surface-fill-canvas: #f7f9fb;
  --app-surface-fill-selected: #eef2f7;
  --app-surface-soft: #fbfcfd;
  --app-surface-soft-hover: #f4f7fa;
  --app-surface-muted: #f1f4f7;
  --app-surface-segment: #edf1f5;
  --app-surface-segment-alt: #eef3f7;
  --app-surface-segment-hover: #e5ebf1;
  --app-surface-card: #fbfcfd;
  --app-surface-success: #f5faf7;
  --app-surface-success-hover: #edf6f1;
  --app-surface-feedback-approved: #eff7f2;
  --app-surface-feedback-approved-hover: #e4efe8;
  --app-surface-feedback-rejected: #f9f3f2;
  --app-surface-feedback-rejected-hover: #f1e9e8;
  --app-text-soft: #445165;
  --app-text-muted-soft: #728094;
  --app-text-subtle: #617085;
  --app-text-default: #202833;
  --app-text-primary: #344054;
  --app-text-heading: #1f2937;
  --app-text-muted: #738091;
  --app-text-tertiary: #6b7280;
  --app-text-strong: #111827;
  --app-text-strongest: #0f172a;
  --app-text-secondary: #5f6b7a;
  --app-text-light: #738091;
  --app-text-placeholder: #98a2b3;
  --app-text-subtle-accent: #8fa0b6;
  --app-border-input: #d7dee6;
  --app-border-elevated: #dde4ec;
  --app-border-soft: #d8e0e8;
  --app-border-soft-hover: #c9d3dd;
  --app-border-segment: #d0d9e2;
  --app-border-field-hover: #c7d1db;
  --app-border-focus: #9aa6b3;
  --app-border-success: #d3e1d8;
  --app-border-success-hover: #bfd2c3;
  --app-surface-border-brand-soft: #d0d9e2;
  --app-surface-border-brand-highlight: #c2ced9;
  --app-surface-border-brand-active: #afbccb;
  --app-status-growth-soft: #e2ece8;
  --app-status-growth-strong: #ccd8d3;
  --app-status-promo: #9aa6b3;
  --app-status-excluded: #eef2f5;
  --app-warning-fill: #fef3c7;
  --app-warning-border: #d6b15d;
  --app-warning-fg: #7c5b1c;
  --app-info-fill: #ecfeff;
  --app-info-border: #b8e6ee;
  --app-info-fg: #155e75;
  --app-muted-fill: #eef2f5;
  --app-muted-border: #c9d3dd;
  --app-muted-fg: #344054;
  --app-video-overlay: rgba(17, 24, 39, 0.78);
  --app-table-head-bg: #edf1f5;
  --app-table-head-border: #d7dee6;
  --app-table-head-ads-fg: #7e8b9c;
  --app-table-head-media-fg: #7d8a9c;
  --app-table-head-inventory-fg: #87926c;
  --app-table-selection-bar-bg: linear-gradient(180deg, rgba(251, 252, 253, 0.99) 0%, rgba(243, 246, 249, 0.99) 100%);
  --app-table-selection-chip-bg: rgba(97, 112, 133, 0.1);
  --app-table-selection-chip-muted-bg: rgba(97, 112, 133, 0.12);
  --app-table-selection-popover-bg: rgba(251, 252, 253, 0.99);
  --app-table-selection-popover-shadow: 0 14px 40px rgba(35, 47, 63, 0.12);
  --app-table-selection-trigger-bg: #e9edf2;
  --app-table-selection-trigger-bg-hover: #dde3ea;
  --app-table-selection-trigger-border: #d0d9e2;
  --app-tooltip-bg: #161d28;
  --app-tooltip-fg: #f8fafc;
  --app-tooltip-border: #161d28;
  --app-overlay-backdrop-strong: rgba(17, 24, 39, 0.62);
  --app-overlay-backdrop-dark: rgba(17, 24, 39, 0.84);
  --app-surface-fill-dark: #111827;
  --app-surface-fill-darkest: #000000;
  --app-surface-fill-fade: rgba(251, 252, 253, 0.45);
  --app-scrollbar-track: rgba(226, 232, 240, 0.88);
  --app-danger-fill: #fbe4e1;
  --app-danger-border: #e4b0a8;
  --app-danger-border-hover: #d09188;
  --app-danger-fg: #8f3326;
  --app-success-fill: #dff0e5;
  --app-success-border: #a9c8b3;
  --app-success-border-hover: #92b29d;
  --app-success-fg: #166534;
  --app-tone-accent-bg: #9aa6b3;
  --app-tone-accent-bg-hover: #8b97a4;
  --app-tone-accent-fg: #ffffff;
  --app-tone-dark-bg: #111827;
  --app-tone-dark-bg-hover: #172033;
  --app-tone-dark-fg: #ffffff;
  --app-brand-accent: #9aa6b3;
  --app-spp-accent: #a7a0cf;
  --app-hero-brand-bg: #edf1f5;
  --app-hero-brand-border: #d0d9e2;
  --app-hero-brand-fg: #5f6b7a;
  --app-hero-brand-hover-bg: #e5ebf1;
  --app-hero-brand-hover-border: #c7d1db;
  --app-hero-muted-fg: #7b8593;
}

html[data-theme="burgundy"] {
  color-scheme: light;
  --bg: #f9edf0;
  --panel: #fff8f9;
  --ink: #28161b;
  --muted: #7f5964;
  --accent: #9f4f69;
  --accent-soft: #f2dbe1;
  --shadow: 0 18px 40px rgba(72, 24, 39, 0.1);
  --radius: 18px;
  --app-page-bg: linear-gradient(180deg, #fdf4f6 0%, #f8e7eb 60%, #efd8de 100%);
  --app-surface-fill: #fff9fa;
  --app-surface-fill-subtle: #fcf2f4;
  --app-surface-fill-subtle-hover: #f8e7eb;
  --app-surface-fill-brand: #f4dfe4;
  --app-surface-fill-brand-hover: #edd1d8;
  --app-surface-fill-overlay: rgba(255, 248, 250, 0.98);
  --app-surface-fill-input: #f0e3e7;
  --app-surface-fill-elevated: #fff9fa;
  --app-surface-fill-muted: #f7eaed;
  --app-surface-fill-ghost: #fffdfd;
  --app-surface-fill-canvas: #fbf4f6;
  --app-surface-fill-selected: #f8e8ed;
  --app-surface-soft: #fff9fa;
  --app-surface-soft-hover: #f9eef1;
  --app-surface-muted: #f5e6ea;
  --app-surface-segment: #f4dfe4;
  --app-surface-segment-alt: #f8eaed;
  --app-surface-segment-hover: #efd8df;
  --app-surface-card: #fff9fa;
  --app-surface-success: #f4f9ef;
  --app-surface-success-hover: #ebf2e1;
  --app-surface-feedback-approved: #f5f0f2;
  --app-surface-feedback-approved-hover: #eadddf;
  --app-surface-feedback-rejected: #fff4f4;
  --app-surface-feedback-rejected-hover: #fbe8ea;
  --app-text-soft: #4f2934;
  --app-text-muted-soft: #8f6671;
  --app-text-subtle: #7f5964;
  --app-text-default: #28161d;
  --app-text-primary: #4a2632;
  --app-text-heading: #231017;
  --app-text-muted: #7f5964;
  --app-text-tertiary: #80606b;
  --app-text-strong: #231017;
  --app-text-strongest: #160b10;
  --app-text-secondary: #6a4c57;
  --app-text-light: #86616f;
  --app-text-placeholder: #b29099;
  --app-text-subtle-accent: #a97d8d;
  --app-border-input: #e7d0d6;
  --app-border-elevated: #e4c7cf;
  --app-border-soft: #e0c2cc;
  --app-border-soft-hover: #d4b0bb;
  --app-border-segment: #dfc4cd;
  --app-border-field-hover: #d8bac5;
  --app-border-focus: #bf8093;
  --app-border-success: #cfe1c2;
  --app-border-success-hover: #bdd2ad;
  --app-surface-border-brand-soft: #e1c7cf;
  --app-surface-border-brand-highlight: #d6b5bf;
  --app-surface-border-brand-active: #c48998;
  --app-status-growth-soft: #e8f3df;
  --app-status-growth-strong: #d2e7bf;
  --app-status-promo: #ad5d79;
  --app-status-excluded: #f7efe4;
  --app-warning-fill: #fde68a;
  --app-warning-border: #f59e0b;
  --app-warning-fg: #7c2d12;
  --app-info-fill: #ecfeff;
  --app-info-border: #99f6e4;
  --app-info-fg: #115e59;
  --app-muted-fill: #f7edf0;
  --app-muted-border: #e1c6d0;
  --app-muted-fg: #4a2832;
  --app-video-overlay: rgba(52, 24, 35, 0.7);
  --app-table-head-bg: #f7eaee;
  --app-table-head-border: #e1c9d1;
  --app-table-head-ads-fg: #a17383;
  --app-table-head-media-fg: #9a7482;
  --app-table-head-inventory-fg: #ac7e61;
  --app-table-selection-bar-bg: linear-gradient(180deg, rgba(255, 249, 250, 0.99) 0%, rgba(251, 241, 244, 0.99) 100%);
  --app-table-selection-chip-bg: rgba(159, 79, 105, 0.1);
  --app-table-selection-chip-muted-bg: rgba(159, 79, 105, 0.12);
  --app-table-selection-popover-bg: rgba(255, 249, 250, 0.99);
  --app-table-selection-popover-shadow: 0 14px 40px rgba(72, 24, 39, 0.12);
  --app-table-selection-trigger-bg: #f4dfe4;
  --app-table-selection-trigger-bg-hover: #edd1d8;
  --app-table-selection-trigger-border: #decab2;
  --app-tooltip-bg: #312026;
  --app-tooltip-fg: #fff9fb;
  --app-tooltip-border: #312026;
  --app-overlay-backdrop-strong: rgba(52, 24, 35, 0.56);
  --app-overlay-backdrop-dark: rgba(52, 24, 35, 0.76);
  --app-surface-fill-dark: #2c1e26;
  --app-surface-fill-darkest: #191114;
  --app-surface-fill-fade: rgba(255, 248, 250, 0.5);
  --app-scrollbar-track: rgba(224, 203, 211, 0.82);
  --app-danger-fill: #fde3df;
  --app-danger-border: #efb2a7;
  --app-danger-border-hover: #e39c8d;
  --app-danger-fg: #9a3412;
  --app-success-fill: #e6f2d6;
  --app-success-border: #b5d39a;
  --app-success-border-hover: #9fc782;
  --app-success-fg: #3f6212;
  --app-tone-accent-bg: #bf7a92;
  --app-tone-accent-bg-hover: #b16882;
  --app-tone-accent-fg: #ffffff;
  --app-tone-dark-bg: #4a2a35;
  --app-tone-dark-bg-hover: #3b212b;
  --app-tone-dark-fg: #fff8fb;
  --app-brand-accent: #bf7a92;
  --app-spp-accent: #b38dbf;
  --app-hero-brand-bg: #f3dfe5;
  --app-hero-brand-border: #e0c6d0;
  --app-hero-brand-fg: #6d4350;
  --app-hero-brand-hover-bg: #ebd0d8;
  --app-hero-brand-hover-border: #d7b4bf;
  --app-hero-muted-fg: #9a7883;
}

html[data-theme="pink"] {
  color-scheme: light;
  --bg: #fff0f7;
  --panel: #fffafd;
  --ink: #30202a;
  --muted: #8b667a;
  --accent: #e06ea4;
  --accent-soft: #f6dbe7;
  --shadow: 0 18px 40px rgba(78, 31, 57, 0.08);
  --radius: 18px;
  --app-page-bg: linear-gradient(180deg, #fff6fb 0%, #fbe4ef 60%, #f7d6e5 100%);
  --app-surface-fill: #fff9fc;
  --app-surface-fill-subtle: #fdf1f7;
  --app-surface-fill-subtle-hover: #fbe7f1;
  --app-surface-fill-brand: #f9dfe9;
  --app-surface-fill-brand-hover: #f4d0de;
  --app-surface-fill-overlay: rgba(255, 249, 252, 0.98);
  --app-surface-fill-input: #f5e2eb;
  --app-surface-fill-elevated: #fff9fc;
  --app-surface-fill-muted: #f9eaf1;
  --app-surface-fill-ghost: #fffdfd;
  --app-surface-fill-canvas: #fcf3f8;
  --app-surface-fill-selected: #fbe6f0;
  --app-surface-soft: #fff9fc;
  --app-surface-soft-hover: #fbf0f5;
  --app-surface-muted: #f8e6ee;
  --app-surface-segment: #f9dce9;
  --app-surface-segment-alt: #fbeaf2;
  --app-surface-segment-hover: #f4d4e1;
  --app-surface-card: #fff9fc;
  --app-surface-success: #f4f9ef;
  --app-surface-success-hover: #ebf2e1;
  --app-surface-feedback-approved: #f7eef3;
  --app-surface-feedback-approved-hover: #eedfe8;
  --app-surface-feedback-rejected: #fff2f8;
  --app-surface-feedback-rejected-hover: #fde8f2;
  --app-text-soft: #542a43;
  --app-text-muted-soft: #946f87;
  --app-text-subtle: #8b667a;
  --app-text-default: #30202a;
  --app-text-primary: #523143;
  --app-text-heading: #281823;
  --app-text-muted: #8b667a;
  --app-text-tertiary: #8d6b83;
  --app-text-strong: #281823;
  --app-text-strongest: #180e14;
  --app-text-secondary: #735766;
  --app-text-light: #8a6b7c;
  --app-text-placeholder: #b794a7;
  --app-text-subtle-accent: #b07997;
  --app-border-input: #ebd0dc;
  --app-border-elevated: #e8c9d8;
  --app-border-soft: #e4bfd1;
  --app-border-soft-hover: #dcacc4;
  --app-border-segment: #e1c2d2;
  --app-border-field-hover: #ddbbcb;
  --app-border-focus: #d86ea0;
  --app-border-success: #cfe1c2;
  --app-border-success-hover: #bdd2ad;
  --app-surface-border-brand-soft: #e4bfd1;
  --app-surface-border-brand-highlight: #dca9c1;
  --app-surface-border-brand-active: #d36e9f;
  --app-status-growth-soft: #e8f3df;
  --app-status-growth-strong: #d2e7bf;
  --app-status-promo: #e06ea4;
  --app-status-excluded: #faedf4;
  --app-warning-fill: #fde68a;
  --app-warning-border: #f59e0b;
  --app-warning-fg: #7c2d12;
  --app-info-fill: #ecfeff;
  --app-info-border: #99f6e4;
  --app-info-fg: #115e59;
  --app-muted-fill: #f8ecf2;
  --app-muted-border: #e3c7d4;
  --app-muted-fg: #523143;
  --app-video-overlay: rgba(78, 31, 57, 0.68);
  --app-table-head-bg: #f8eaf2;
  --app-table-head-border: #e3c8d5;
  --app-table-head-ads-fg: #b57a98;
  --app-table-head-media-fg: #a78293;
  --app-table-head-inventory-fg: #bf7a9a;
  --app-table-selection-bar-bg: linear-gradient(180deg, rgba(255, 250, 253, 0.99) 0%, rgba(251, 240, 247, 0.99) 100%);
  --app-table-selection-chip-bg: rgba(224, 110, 164, 0.1);
  --app-table-selection-chip-muted-bg: rgba(224, 110, 164, 0.12);
  --app-table-selection-popover-bg: rgba(255, 250, 253, 0.99);
  --app-table-selection-popover-shadow: 0 14px 40px rgba(78, 31, 57, 0.12);
  --app-table-selection-trigger-bg: #f9dfe9;
  --app-table-selection-trigger-bg-hover: #f4d0de;
  --app-table-selection-trigger-border: #e4bfd1;
  --app-tooltip-bg: #331d2a;
  --app-tooltip-fg: #fff8fc;
  --app-tooltip-border: #331d2a;
  --app-overlay-backdrop-strong: rgba(78, 31, 57, 0.56);
  --app-overlay-backdrop-dark: rgba(78, 31, 57, 0.76);
  --app-surface-fill-dark: #32202b;
  --app-surface-fill-darkest: #1d1117;
  --app-surface-fill-fade: rgba(255, 249, 252, 0.5);
  --app-scrollbar-track: rgba(223, 201, 214, 0.82);
  --app-danger-fill: #fde4ec;
  --app-danger-border: #eca4be;
  --app-danger-border-hover: #dd84ab;
  --app-danger-fg: #a21b5e;
  --app-success-fill: #e6f2d6;
  --app-success-border: #b5d39a;
  --app-success-border-hover: #9fc782;
  --app-success-fg: #3f6212;
  --app-tone-accent-bg: #e06ea4;
  --app-tone-accent-bg-hover: #d85d98;
  --app-tone-accent-fg: #ffffff;
  --app-tone-dark-bg: #672a48;
  --app-tone-dark-bg-hover: #51203a;
  --app-tone-dark-fg: #fff8fc;
  --app-brand-accent: #e06ea4;
  --app-spp-accent: #d297be;
  --app-hero-brand-bg: #f9dfe9;
  --app-hero-brand-border: #e4bfd1;
  --app-hero-brand-fg: #6f5264;
  --app-hero-brand-hover-bg: #f3d2df;
  --app-hero-brand-hover-border: #dca9c1;
  --app-hero-muted-fg: #9f748b;
}

html[data-theme="night"] {
  color-scheme: dark;
  --bg: #121826;
  --panel: #171f2e;
  --ink: #eef2ff;
  --muted: #9aa5b8;
  --accent: #8391a8;
  --accent-soft: #21293a;
  --shadow: 0 18px 40px rgba(3, 8, 20, 0.35);
  --radius: 18px;
  --app-page-bg: linear-gradient(180deg, #121826 0%, #171f2e 60%, #0f1521 100%);
  --app-surface-fill: #171f2e;
  --app-surface-fill-subtle: #1b2332;
  --app-surface-fill-subtle-hover: #212b3d;
  --app-surface-fill-brand: #20293a;
  --app-surface-fill-brand-hover: #283249;
  --app-surface-fill-overlay: rgba(23, 31, 46, 0.98);
  --app-surface-fill-input: #212b3d;
  --app-surface-fill-elevated: #171f2e;
  --app-surface-fill-muted: #1b2332;
  --app-surface-fill-ghost: #1a2231;
  --app-surface-fill-canvas: #121826;
  --app-surface-fill-selected: #263149;
  --app-surface-soft: #1b2332;
  --app-surface-soft-hover: #212b3d;
  --app-surface-muted: #1c2433;
  --app-surface-segment: #20293a;
  --app-surface-segment-alt: #1d2738;
  --app-surface-segment-hover: #28324a;
  --app-surface-card: #171f2e;
  --app-surface-success: #13251f;
  --app-surface-success-hover: #162d25;
  --app-surface-feedback-approved: #15261f;
  --app-surface-feedback-approved-hover: #1a3127;
  --app-surface-feedback-rejected: #2b1a1f;
  --app-surface-feedback-rejected-hover: #36212a;
  --app-text-soft: #dbe3f0;
  --app-text-muted-soft: #9aa5b8;
  --app-text-subtle: #9aa5b8;
  --app-text-default: #eef2ff;
  --app-text-primary: #dbe3f0;
  --app-text-heading: #f8fafc;
  --app-text-muted: #aab4c5;
  --app-text-tertiary: #93a0b6;
  --app-text-strong: #f8fafc;
  --app-text-strongest: #ffffff;
  --app-text-secondary: #b3bdd0;
  --app-text-light: #9faac0;
  --app-text-placeholder: #7f8ba1;
  --app-text-subtle-accent: #aab4c5;
  --app-surface-border: #34404f;
  --app-surface-border-soft: #39414f;
  --app-surface-border-brand: #39414f;
  --app-surface-border-brand-hover: #46505e;
  --app-border-input: #2f394a;
  --app-border-elevated: #354053;
  --app-border-soft: #2c3647;
  --app-border-soft-hover: #394758;
  --app-border-segment: #313b4d;
  --app-border-field-hover: #3d4a5c;
  --app-border-focus: #939db1;
  --app-border-success: #2a493d;
  --app-border-success-hover: #355849;
  --app-surface-border-brand-soft: #303b4d;
  --app-surface-border-brand-highlight: #3b4759;
  --app-surface-border-brand-active: #4a5568;
  --app-status-growth-soft: #25303b;
  --app-status-growth-strong: #2b3641;
  --app-status-promo: #8e98ab;
  --app-status-excluded: #1c2432;
  --app-surface-table-growth: #222c36;
  --app-surface-table-growth-strong: #28333d;
  --app-surface-table-issue: #272b34;
  --app-surface-table-issue-strong: #303540;
  --app-surface-table-excluded: #1c2432;
  --app-warning-fill: #3c2e12;
  --app-warning-border: #8b6a20;
  --app-warning-fg: #f9d57d;
  --app-info-fill: #13283a;
  --app-info-border: #35516a;
  --app-info-fg: #9fd7ff;
  --app-muted-fill: #1b2433;
  --app-muted-border: #2d3849;
  --app-muted-fg: #dbe3f0;
  --app-video-overlay: rgba(2, 6, 23, 0.72);
  --app-table-head-bg: #202834;
  --app-table-head-border: #303b4d;
  --app-table-head-ads-bg: #2d243d;
  --app-table-head-finance-bg: #2d3440;
  --app-table-head-finance-fg: #c7cfdb;
  --app-table-head-neutral-bg: #2c3440;
  --app-table-head-neutral-fg: #c3cad6;
  --app-table-head-yellow-bg: #3a3219;
  --app-table-head-yellow-fg: #e7d89a;
  --app-table-head-ads-fg: #d7ccff;
  --app-table-head-media-fg: #c8d5ee;
  --app-table-head-inventory-fg: #e7d89a;
  --app-table-selection-bar-bg: linear-gradient(180deg, rgba(23, 31, 46, 0.95) 0%, rgba(19, 26, 39, 0.95) 100%);
  --app-table-selection-chip-bg: rgba(154, 165, 184, 0.08);
  --app-table-selection-chip-muted-bg: rgba(154, 165, 184, 0.1);
  --app-table-selection-popover-bg: rgba(23, 31, 46, 0.96);
  --app-table-selection-popover-shadow: 0 16px 42px rgba(3, 8, 20, 0.22);
  --app-table-selection-trigger-bg: #1b2332;
  --app-table-selection-trigger-bg-hover: #20293a;
  --app-table-selection-trigger-border: #303b4d;
  --app-tooltip-bg: #1f2736;
  --app-tooltip-fg: #f8fafc;
  --app-tooltip-border: #303b4d;
  --app-overlay-backdrop-strong: rgba(2, 6, 23, 0.64);
  --app-overlay-backdrop-dark: rgba(2, 6, 23, 0.84);
  --app-surface-fill-dark: #111827;
  --app-surface-fill-darkest: #000000;
  --app-surface-fill-fade: rgba(22, 28, 46, 0.5);
  --app-scrollbar-track: rgba(30, 38, 52, 0.92);
  --app-danger-fill: #3a1f25;
  --app-danger-border: #7f3f4a;
  --app-danger-border-hover: #a24f5d;
  --app-danger-fg: #f3a8b6;
  --app-success-fill: #153125;
  --app-success-border: #285842;
  --app-success-border-hover: #316c50;
  --app-success-fg: #9de0bb;
  --app-status-rebuild-alert-soft: #35212a;
  --app-status-issue-soft: #35212a;
  --app-status-issue-strong: #43222d;
  --app-table-head-ads-bg: #2a2438;
  --app-table-head-media-bg: #222d41;
  --app-table-head-inventory-bg: #36311f;
  --app-tone-accent-bg: #8d98ab;
  --app-tone-accent-bg-hover: #7f8a9c;
  --app-tone-accent-fg: #ffffff;
  --app-tone-dark-bg: #111827;
  --app-tone-dark-bg-hover: #172033;
  --app-tone-dark-fg: #ffffff;
  --app-brand-accent: #8d98ab;
  --app-spp-accent: #9ea8cc;
  --app-hero-brand-bg: #1a2231;
  --app-hero-brand-border: #303b4d;
  --app-hero-brand-fg: #dbe3f0;
  --app-hero-brand-hover-bg: #20293a;
  --app-hero-brand-hover-border: #3b4759;
  --app-hero-muted-fg: #93a0b6;
  --app-platform-wb-fg: #a59ecb;
  --app-platform-wb-bg: rgba(165, 158, 203, 0.12);
  --app-platform-ozon-fg: #92aac2;
  --app-platform-ozon-bg: rgba(146, 170, 194, 0.12);
}