/* Pink theme pack ("Розовая тема"): a soft pastel variant of the light theme.
   color-scheme stays light — Bootstrap keeps data-bs-theme="light" and the
   JS runtime treats it like the default pack (not dark, not dim).

   The pack overrides system-wide semantic tokens only; domain token owners
   carry their own [data-ui-theme="pink"] blocks next to their :root defaults
   (css/header/_tokens.css for the header glass, css/utilities.css for the
   Bootstrap link rgb bridge). Sidebar, tabs and AI chrome already derive from
   the action/surface roles below, so they turn pink without local blocks.
   ContentColor and RichContentTone stay theme-independent. */
[data-ui-theme="pink"] {
  color-scheme: light;

  /* --- Surfaces: blush paper on a pink desk, white cards --- */
  --ui-surface-base: var(--ui-primitive-blush-50);
  --ui-surface-muted: var(--ui-primitive-blush-100);
  --ui-surface-raised: var(--ui-primitive-white);
  --ui-surface-glass: rgba(255, 245, 249, 0.68);
  --ui-surface-glass-strong: rgba(255, 245, 249, 0.92);
  --ui-surface-hover: rgba(134, 23, 74, 0.06);
  --ui-surface-active: rgba(134, 23, 74, 0.1);
  --ui-surface-card-hover: var(--ui-primitive-blush-150);
  --ui-surface-card-active: var(--ui-surface-active);
  --ui-surface-toolbar: var(--ui-surface-glass);
  --ui-surface-empty: var(--ui-primitive-blush-150);
  --ui-list-row-bg: var(--ui-surface-muted);

  /* --- Borders --- */
  --ui-border-subtle: var(--ui-primitive-blush-200);
  --ui-border-strong: var(--ui-primitive-blush-300);
  --ui-border-glass: rgba(134, 23, 74, 0.14);

  /* --- Text: ink stays neutral; muted moves to a plum gray that clears AA
     on the pink desk (see primitives.css blush-500). --- */
  --ui-text-muted: var(--ui-primitive-blush-500);
  --ui-focus-ring: 0 0 0 3px rgba(200, 40, 111, 0.3);

  /* --- Action: links, active tabs and buttons share the pink ramp --- */
  --ui-color-action: var(--ui-primitive-pink-500);
  --ui-color-action-hover: var(--ui-primitive-pink-600);
  --ui-color-action-active: var(--ui-primitive-pink-700);
  --ui-color-action-muted: var(--ui-primitive-pink-50);
  --ui-color-secondary-bg: var(--ui-primitive-blush-200);
  /* pink-50 on blush-50 is ~1.1:1, too faint for ::selection. */
  --ui-color-selection: color-mix(in srgb, var(--ui-color-action) 30%, var(--ui-surface-base));
  --ui-btn-control-accent: var(--ui-primitive-pink-500);
  --ui-btn-control-accent-strong: var(--ui-primitive-pink-700);
  --ui-btn-control-accent-soft: var(--ui-primitive-pink-50);
  --ui-btn-secondary-border: var(--ui-primitive-blush-300);

  /* --- Shadows: the warm paper shadow, tinted plum --- */
  --ui-shadow-panel: 0 10px 26px -18px rgba(134, 23, 74, 0.3), 0 1px 2px rgba(134, 23, 74, 0.05);
  --ui-shadow-card: 0 6px 16px -12px rgba(134, 23, 74, 0.26), 0 1px 2px rgba(134, 23, 74, 0.05);
  --ui-card-shadow: var(--ui-shadow-card);

  /* --- SitePattern wallpaper: the pastel quartet instead of the cool
     iridescent one; any pattern pack draws in these colors. --- */
  --ui-pattern-paint: linear-gradient(
    35deg,
    var(--ui-primitive-pattern-pastel-pink) 0%,
    var(--ui-primitive-pattern-pastel-lilac) 38%,
    var(--ui-primitive-pattern-pastel-peach) 68%,
    var(--ui-primitive-pattern-pastel-rose) 100%
  );
  --ui-pattern-paint-opacity: 0.3;
  --ui-pattern-wash: linear-gradient(
    35deg,
    var(--ui-primitive-pattern-pastel-pink) 0%,
    var(--ui-primitive-pattern-pastel-lilac) 38%,
    var(--ui-primitive-pattern-pastel-peach) 68%,
    var(--ui-primitive-pattern-pastel-rose) 100%
  );
  --ui-pattern-wash-opacity: 0.08;
}