/* Theme preview colors remain available while another theme is active. */
:root {
  --color-theme-cherish-preview-primary: #f06c5f;
  --color-theme-cherish-preview-secondary: #f0c36a;
  --color-theme-cherish-preview-tertiary: #e879a8;
}

/* Default Cherish Dex application chrome. */
:root[data-app-theme='cherish'] {
  --color-brand-primary: #b83d36;
  --color-brand-primary-light: #f06c5f;
  --color-brand-primary-dark: #8f2d2a;
  --color-brand-primary-deep: #5f2020;
  --color-brand-soft: #ffd9d0;
  --color-brand-muted: #cfa8a0;
  --color-brand-gold: #d6a66a;
  --color-brand-name-primary: var(--color-brand-primary-light);
  --color-brand-name-secondary: #fff5ef;
  --color-brand-name-dark: var(--color-brand-primary-dark);
  --color-accent-primary: var(--color-brand-primary);
  --color-accent-primary-light: var(--color-brand-primary-light);
  --color-accent-primary-dark: var(--color-brand-primary-dark);
  --color-accent-primary-deep: var(--color-brand-primary-deep);
  --color-accent-primary-soft: var(--color-brand-soft);
  --color-accent-primary-muted: #e5b4ac;

  --color-accent-violet-soft: #d9b5c8;
  --color-accent-violet: #ba7d91;

  --color-accent-secondary: var(--color-brand-gold);
  --color-accent-secondary-light: #ffd98c;

  --color-accent-tertiary: #d9788d;
  --color-accent-fuchsia: #e6a0b5;
  --color-on-action-wishlist: #ffffff;
  --color-accent-text: var(--color-accent-primary-light);
  --color-account-highlight: #f06c5f;
  --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: #19304e;
  --color-price-tcgplayer-border: #60a5fa;
  --color-price-cardmarket-text: #fff1c2;
  --color-price-cardmarket-bg: #3b280e;
  --color-price-cardmarket-border: #d6a66a;
  /* Reacciones sociales (💗 me encanta, 👍 me gusta, ⭐ favorito). */
  --color-reaction-heart: #f0567e;
  --color-reaction-like: #6b9bf0;
  --color-reaction-star: #f0c36a;

  --rgb-accent-primary: 184 61 54;
  --rgb-accent-primary-200: 255 225 218;
  --rgb-accent-primary-300: 229 180 172;
  --rgb-accent-primary-light: 240 108 95;
  --rgb-accent-primary-dark: 143 45 42;

  --rgb-accent-secondary: 240 195 106;
  --rgb-accent-secondary-300: 255 217 140;
  --rgb-accent-secondary-500: 240 195 106;

  --rgb-accent-tertiary: 217 120 141;
  --rgb-accent-tertiary-300: 238 174 188;
  --rgb-accent-tertiary-400: 230 160 181;
  --rgb-accent-fuchsia: 230 160 181;

  /* Functional actions stay distinct from the red brand accent. */
  --color-action-wishlist: #e879a8;
  --color-action-wishlist-strong: #c23a75;
  --color-action-wishlist-deep: #7a1f46;
  --rgb-action-wishlist: 232 121 168;
  --rgb-action-wishlist-strong: 194 58 117;

  --color-action-destructive: #f59e0b;
  --color-action-destructive-strong: #d97706;
  --color-action-destructive-deep: #92400e;
  --rgb-action-destructive: 245 158 11;
  --rgb-action-destructive-strong: 217 119 6;

  --color-action-cancel: #b8b0b7;
  --rgb-action-cancel: 184 176 183;
}