/* Gray theme pack ("Серая тема"): a dim, pure-gray variant of the light theme.
   color-scheme stays light on purpose — this is not a dark theme. The pack
   overrides system-wide semantic tokens only; domain token owners carry their
   own [data-ui-theme="gray"] blocks next to their :root defaults. */
[data-ui-theme="gray"] {
  color-scheme: light;

  --ui-surface-base: var(--ui-primitive-gray-150);
  --ui-surface-muted: var(--ui-primitive-gray-200);
  --ui-surface-raised: var(--ui-primitive-gray-100);
  --ui-surface-glass: rgba(216, 216, 216, 0.84);
  --ui-surface-glass-strong: rgba(224, 224, 224, 0.96);
  --ui-surface-hover: rgba(0, 0, 0, 0.08);
  --ui-surface-active: rgba(0, 0, 0, 0.12);

  --ui-border-subtle: var(--ui-primitive-gray-300);
  --ui-border-strong: var(--ui-primitive-gray-400);
  --ui-border-glass: rgba(0, 0, 0, 0.2);

  --ui-shadow-panel: 0 6px 20px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
  --ui-shadow-card: 0 3px 12px rgba(0, 0, 0, 0.11), 0 1px 3px rgba(0, 0, 0, 0.07);
  --ui-modal-backdrop-bg: rgba(0, 0, 0, 0.44);
  --ui-overlay-bg: rgba(224, 224, 224, 0.88);
  --ui-overlay-strong-bg: rgba(16, 16, 16, 0.98);
  --ui-surface-card-hover: var(--ui-primitive-gray-250);
  --ui-surface-card-active: var(--ui-surface-active);
  --ui-surface-toolbar: var(--ui-surface-glass);
  --ui-surface-empty: var(--ui-primitive-gray-250);
  --ui-list-row-bg: var(--ui-surface-muted);
  --ui-card-shadow: var(--ui-shadow-card);
  --ui-btn-plate-bg: color-mix(in srgb, var(--ui-primitive-gray-100) 90%, transparent);
  --ui-btn-plate-hover-bg: color-mix(in srgb, var(--ui-primitive-gray-100) 94%, transparent);
  --ui-btn-plate-active-bg: color-mix(in srgb, var(--ui-primitive-gray-200) 96%, transparent);
  --ui-btn-plate-disabled-bg: color-mix(in srgb, var(--ui-primitive-gray-200) 90%, transparent);
  --ui-btn-primary-border: color-mix(in srgb, var(--ui-btn-control-accent) 76%, var(--ui-primitive-gray-100));
  --ui-btn-secondary-border: var(--ui-primitive-gray-400);

  /* SitePattern wallpaper: the dim pack keeps the default paint but quieter,
     so the gray chrome stays restrained. */
  --ui-pattern-paint-opacity: 0.144;
  --ui-pattern-wash-opacity: 0.04;
}
