/* Theme preview colors remain available while another theme is active. */
:root {
  --color-theme-luxury-ball-preview-primary: #d4af37;
  --color-theme-luxury-ball-preview-secondary: #c0392b;
  --color-theme-luxury-ball-preview-tertiary: #fff1ea;
}

/* Luxury Ball tier theme for Cherish Dex application chrome. */
:root[data-app-theme='luxury-ball'] {
  color-scheme: dark;

  /* Surfaces */
  --color-bg-base: #070604;
  --color-bg-deep: #0c0905;
  --color-bg-surface: #151109;
  --color-bg-panel: #1a140b;
  --color-bg-card: #20180d;
  --color-bg-popover: #241b0f;
  --color-bg-elevated: #2a1f12;
  --color-bg-canvas: #040302;
  --color-bg-canvas-alt: #0f0b06;
  --color-bg-panel-subtle: #181207;
  --color-bg-hero: #161006;
  --color-bg-card-warm: #23180b;
  --color-bg-card-warm-alt: #271d10;
  --color-bg-media: #2b2114;
  --color-bg-thumbnail: #352714;
  --color-bg-thumbnail-alt: #3a2b16;
  --color-bg-placeholder: #342714;
  --color-bg-success-edge: #172115;
  --color-bg-danger-panel: #2b150e;
  --color-bg-step-inactive: #2a2117;
  --color-bg-tech: #15120c;

  /* Content */
  --color-text-primary: #f8fafc;
  --color-text-strong: #f1f5f9;
  --color-text-soft: #dbe1ea;
  --color-text-body: #c7cfdb;
  --color-text-body-strong: #e5eaf2;
  --color-text-secondary: #a7b0c0;
  --color-text-caption: #8f98aa;
  --color-text-caption-alt: #8f98aa;
  --color-text-tertiary: #7d8798;
  --color-text-low: #6e7788;
  --color-text-muted: #626b7b;
  --color-text-subtle: #565f70;
  --color-text-placeholder: #4b5465;
  --color-text-disabled: #3f4858;
  --color-text-ghost: #333b4a;
  --color-text-emphasis: #ffffff;
  --color-text-control: #c3cad7;
  --color-text-feature: #bec6d3;
  --color-text-detail: #aeb7c6;
  --color-text-description: #9fa9ba;
  --color-text-summary: #8d97aa;
  --color-text-plan-label: #7d8798;
  --color-text-bulk: #737d8f;
  --color-text-code: #b8a4ff;
  --color-text-bulk-subtle: #6f798b;
  --color-text-scanner-label: #788798;
  --color-text-confidence: #6f798b;
  --color-text-limit: #626b7b;
  --color-text-detected: #74c7d8;
  --color-text-hint: #687287;
  --color-text-referral-note: #6b6470;
  --color-text-alert-note: #6f798b;
  --color-text-about-muted: #798497;
  --color-text-card: #d5dce8;
  --color-text-card-alt: #d5dce8;
  --color-text-search: #d2d9e6;
  --color-text-upload: #cdd5e2;
  --color-text-scanner: #9aa4b6;
  --color-text-scanner-summary: #7f899b;
  --color-text-alert-description: #aab6c6;
  --color-text-manual: #c7b8d4;
  --color-text-referral: #d7bd8e;
  --color-text-neutral: #cbd5e1;
  --color-on-accent: #1a1208;
  --color-on-action-wishlist: #ffffff;
  --color-accent-text: var(--color-accent-primary-light);
  --color-account-highlight: #f5d77b;
  --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: #10233d;
  --color-price-tcgplayer-border: #60a5fa;
  --color-price-cardmarket-text: #fff1b8;
  --color-price-cardmarket-bg: #3b2a08;
  --color-price-cardmarket-border: #d4af37;
  /* Reacciones sociales (💗 me encanta, 👍 me gusta, ⭐ favorito). */
  --color-reaction-heart: #e08aa8;
  --color-reaction-like: #93a7e6;
  --color-reaction-star: #e5be6a;

  /* Product brand and application accents */
  --color-brand-primary: #d4af37;
  --color-brand-primary-light: #f5d77b;
  --color-brand-primary-dark: #a97918;
  --color-brand-primary-deep: #6b4a0b;
  --color-brand-soft: #fff1b8;
  --color-brand-muted: #e7c873;
  --color-brand-gold: #d4af37;
  --color-brand-name-primary: var(--color-brand-primary);
  --color-brand-name-secondary: #fffaf0;
  --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: #e7c873;
  --color-accent-violet-soft: #f8fafc;
  --color-accent-violet: #d1d5db;
  --color-accent-secondary: #c0392b;
  --color-accent-secondary-light: #ef4444;
  --color-accent-tertiary: #fffaf0;
  --color-accent-fuchsia: #f1d28a;

  /* Functional actions */
  --color-action-wishlist: #f43f5e;
  --color-action-wishlist-strong: #e11d48;
  --color-action-wishlist-deep: #881337;
  --rgb-action-wishlist: 244 63 94;
  --rgb-action-wishlist-strong: 225 29 72;
  --color-action-destructive: #ef4444;
  --color-action-destructive-strong: #b91c1c;
  --color-action-destructive-deep: #7f1d1d;
  --rgb-action-destructive: 239 68 68;
  --rgb-action-destructive-strong: 185 28 28;
  --color-action-cancel: #d6d3d1;
  --rgb-action-cancel: 214 211 209;

  /* RGB channels */
  --rgb-overlay: 255 255 255;
  --rgb-shadow: 0 0 0;
  --rgb-white: 255 255 255;
  --rgb-black: 0 0 0;
  --rgb-bg-base: 7 6 4;
  --rgb-bg-deep: 12 9 5;
  --rgb-bg-surface: 21 17 9;
  --rgb-bg-void: 4 3 2;
  --rgb-bg-tech: 21 18 12;
  --rgb-champagne: 255 240 194;
  --rgb-accent-primary: 212 175 55;
  --rgb-accent-primary-200: 255 241 184;
  --rgb-accent-primary-300: 231 200 115;
  --rgb-accent-primary-light: 245 215 123;
  --rgb-accent-primary-dark: 169 121 24;
  --rgb-accent-secondary: 192 57 43;
  --rgb-accent-secondary-300: 239 68 68;
  --rgb-accent-secondary-500: 192 57 43;
  --rgb-accent-tertiary: 255 250 240;
  --rgb-accent-tertiary-300: 248 250 252;
  --rgb-accent-tertiary-400: 241 210 138;
  --rgb-accent-fuchsia: 241 210 138;

  /* Backwards-compatible aliases */
  --bg-base: var(--color-bg-base);
  --bg-surface: var(--color-bg-surface);
  --bg-elevated: var(--color-bg-elevated);
  --border: rgb(var(--rgb-overlay) / 9%);
  --text-primary: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-disabled);
  --accent-cyan: var(--color-accent-secondary);
  --accent-purple: var(--color-accent-primary);
  --accent-pink: var(--color-action-wishlist);
}