/* Theme preview colors remain available while another theme is active. */
:root {
  --color-theme-legacy-preview-primary: var(--color-visual-primary);
  --color-theme-legacy-preview-secondary: var(--color-visual-secondary);
  --color-theme-legacy-preview-tertiary: var(--color-visual-tertiary);
}

/* Original violet/cyan/magenta application chrome. */
:root[data-app-theme='legacy'] {
  --color-brand-name-primary: #a1342b;
  --color-brand-name-secondary: #f2f2f3;
  --color-brand-name-dark: #782624;
  --color-accent-primary: #a855f7;
  --color-accent-primary-light: #c084fc;
  --color-accent-primary-dark: #7c3aed;
  --color-accent-primary-deep: #6d28d9;
  --color-accent-primary-soft: #e9d5ff;
  --color-accent-primary-muted: #d8b4fe;
  --color-accent-violet-soft: #c4b5fd;
  --color-accent-violet: #a78bfa;
  --color-accent-secondary: #22d3ee;
  --color-accent-secondary-light: #67e8f9;
  --color-accent-tertiary: #ec4899;
  --color-accent-fuchsia: #e879f9;
  --color-on-action-wishlist: #ffffff;
  --color-accent-text: var(--color-accent-primary-light);
  --color-account-highlight: #c084fc;
  --color-status-success-text: var(--color-success-soft);
  --color-status-warning-text: var(--color-warning-light);
  --color-status-danger-text: var(--color-danger-soft);
  --color-control-check-bg: var(--color-bg-elevated);
  --color-control-check-border: rgb(var(--rgb-overlay) / 18%);
  --color-control-check-border-hover: var(--color-accent-primary-light);
  --color-control-check-bg-checked: var(--color-accent-primary);
  --color-control-check-border-checked: var(--color-accent-primary-light);
  --color-control-check-mark: var(--color-on-accent);
  --color-scrollbar-track: rgb(var(--rgb-overlay) / 3%);
  --color-scrollbar-thumb: rgb(var(--rgb-accent-primary) / 42%);
  --color-scrollbar-thumb-hover: rgb(var(--rgb-accent-primary) / 68%);
  --color-control-field-bg: var(--color-bg-elevated);
  --color-control-field-border: rgb(var(--rgb-overlay) / 14%);
  --color-control-field-border-hover: var(--color-accent-primary-light);
  --color-control-menu-bg: var(--color-bg-popover);
  --color-control-option-hover: rgb(var(--rgb-accent-primary) / 12%);
  --color-control-option-selected: rgb(var(--rgb-accent-primary) / 20%);
  --color-control-stepper-bg: rgb(var(--rgb-overlay) / 5%);
  --color-control-stepper-hover: rgb(var(--rgb-accent-primary) / 16%);
  --color-control-slider-track: rgb(var(--rgb-overlay) / 13%);
  --color-control-slider-fill: var(--color-accent-primary);
  --color-control-slider-thumb: var(--color-accent-primary-light);
  --color-control-slider-thumb-ring: var(--color-bg-surface);
  --color-price-tcgplayer-text: #dbeafe;
  --color-price-tcgplayer-bg: #172554;
  --color-price-tcgplayer-border: #60a5fa;
  --color-price-cardmarket-text: #fef3c7;
  --color-price-cardmarket-bg: #3b2608;
  --color-price-cardmarket-border: #f59e0b;
  /* Reacciones sociales (💗 me encanta, 👍 me gusta, ⭐ favorito). */
  --color-reaction-heart: #e879f9;
  --color-reaction-like: #22d3ee;
  --color-reaction-star: #fbbf24;
  --rgb-accent-primary: 168 85 247;
  --rgb-accent-primary-200: 233 213 255;
  --rgb-accent-primary-300: 216 180 254;
  --rgb-accent-primary-light: 192 132 252;
  --rgb-accent-primary-dark: 124 58 237;
  --rgb-accent-secondary: 34 211 238;
  --rgb-accent-secondary-300: 103 232 249;
  --rgb-accent-secondary-500: 6 182 212;
  --rgb-accent-tertiary: 236 72 153;
  --rgb-accent-tertiary-300: 249 168 212;
  --rgb-accent-tertiary-400: 244 114 182;
  --rgb-accent-fuchsia: 232 121 249;

  /* Preserve the original red wishlist/destructive action language. */
  --color-action-wishlist: #f87171;
  --color-action-wishlist-strong: #ef4444;
  --color-action-wishlist-deep: #b91c1c;
  --rgb-action-wishlist: 248 113 113;
  --rgb-action-wishlist-strong: 239 68 68;
  --color-action-destructive: #f87171;
  --color-action-destructive-strong: #ef4444;
  --color-action-destructive-deep: #b91c1c;
  --rgb-action-destructive: 248 113 113;
  --rgb-action-destructive-strong: 239 68 68;
  --color-action-cancel: #aaaac0;
  --rgb-action-cancel: 170 170 192;
}