/* Cross-theme color schemes
   Loaded after styles.css so each selected scheme overrides a theme's default color tokens
   while retaining its layout, typography, and surfaces. */

/* Keep Arcade's original cyan secondary accent available before a scheme is applied. */
html[data-theme="arcade"] {
  --accent-secondary: #3AE8E0;
  --accent-secondary-dim: rgba(58, 232, 224, 0.16);
}

html[data-theme][data-color-scheme="amber"] {
  --accent: #F4C86A;
  --accent-hover: #FFE09A;
  --accent-dim: rgba(244, 200, 106, 0.16);
  --accent-deep: #B9851D;
  --accent-secondary: #6CE6D7;
  --accent-secondary-dim: rgba(108, 230, 215, 0.16);
  --danger: #FF7777;
  --danger-dim: rgba(255, 119, 119, 0.16);
}

html[data-theme][data-color-scheme="crimson"] {
  --accent: #FF6B78;
  --accent-hover: #FF9AA3;
  --accent-dim: rgba(255, 107, 120, 0.16);
  --accent-deep: #B83D4A;
  --accent-secondary: #FFBF69;
  --accent-secondary-dim: rgba(255, 191, 105, 0.16);
  --danger: #FFAA5C;
  --danger-dim: rgba(255, 170, 92, 0.16);
}

html[data-theme][data-color-scheme="cobalt"] {
  --accent: #65ACFF;
  --accent-hover: #9ACBFF;
  --accent-dim: rgba(101, 172, 255, 0.16);
  --accent-deep: #3975C5;
  --accent-secondary: #72E5FF;
  --accent-secondary-dim: rgba(114, 229, 255, 0.16);
  --danger: #FF7B8B;
  --danger-dim: rgba(255, 123, 139, 0.16);
}

html[data-theme][data-color-scheme="emerald"] {
  --accent: #67D69A;
  --accent-hover: #9AEBB9;
  --accent-dim: rgba(103, 214, 154, 0.16);
  --accent-deep: #32865A;
  --accent-secondary: #78D8FF;
  --accent-secondary-dim: rgba(120, 216, 255, 0.16);
  --danger: #FF7E76;
  --danger-dim: rgba(255, 126, 118, 0.16);
}

html[data-theme][data-color-scheme="violet"] {
  --accent: #B8A0FF;
  --accent-hover: #D4C4FF;
  --accent-dim: rgba(184, 160, 255, 0.16);
  --accent-deep: #7754C7;
  --accent-secondary: #89E2FF;
  --accent-secondary-dim: rgba(137, 226, 255, 0.16);
  --danger: #FF8299;
  --danger-dim: rgba(255, 130, 153, 0.16);
}

/* Preserve each theme's identity while making the selected scheme visible in its
   distinctive secondary surfaces. */
html[data-theme="terminal"][data-color-scheme] {
  --border: color-mix(in srgb, var(--accent) 38%, #4CFF6B);
}

html[data-theme="statcard"][data-color-scheme] {
  --border: color-mix(in srgb, var(--accent) 24%, rgba(237, 234, 226, 0.18));
}

html[data-theme="vinyl"][data-color-scheme] {
  --border: color-mix(in srgb, var(--accent) 34%, rgba(240, 230, 210, 0.24));
}

html[data-theme="arcade"][data-color-scheme] {
  --border: var(--accent-secondary);
  --text-faint: color-mix(in srgb, var(--accent-secondary) 60%, #EDE8F5);
}

/* Remove fixed gold/cyan values so the theme tokens cascade through the special widgets. */
html[data-theme="statcard"] .statcard-stat-box {
  background: var(--accent-dim);
}

html[data-theme="arcade"] .arcade-level-badge {
  color: var(--accent-secondary);
  border-color: var(--accent-secondary);
}

html[data-theme="arcade"] .live-rest-countdown {
  color: var(--accent-secondary);
}

/* Theme-specific active borders remain crisp while following the current scheme. */
html[data-theme="arcade"] .home-upnext-card {
  border-color: var(--accent);
}

html[data-theme="terminal"] .home-upnext-card,
html[data-theme="terminal"] .home-cta-card {
  border-color: var(--border);
}

/* The solid-action text remains dark enough against every intentionally light accent. */
html[data-theme][data-color-scheme] .btn-primary,
html[data-theme][data-color-scheme] .home-upnext-btn,
html[data-theme][data-color-scheme] .tab-fab,
html[data-theme][data-color-scheme] .view-fab-menu,
html[data-theme][data-color-scheme] .auth-tab.active {
  color: #141218;
}