/**
 * Android premium palette CSS — applied via design-tokens.mjs inline vars.
 * Base fallbacks mirror :root in styles.css until JS applies palette.
 */

html.tb-theme-transitioning,
html.tb-theme-transitioning * {
  transition:
    background-color 480ms cubic-bezier(0.22, 1, 0.36, 1),
    color 480ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 480ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 480ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html.tb-theme-transitioning .glance-rotate__slide {
  transition:
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 420ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Palette-specific ambient backgrounds (Android CarouselCardLuxuryTokens wash) */
html[data-theme="cyberpunk_neon"] body.tb-platform-active .today-brief__card,
html[data-theme="cyberpunk_neon"] body.tb-platform-active .tb-home-editorial-card {
  background-image: linear-gradient(
    180deg,
    color-mix(in srgb, var(--accent) 9%, transparent) 0%,
    transparent 38%,
    transparent 62%,
    color-mix(in srgb, var(--accent) 7%, transparent) 100%
  );
}

html[data-theme="sunset_gradient"] body.tb-platform-active .dashboard__header,
html[data-theme="nature"] body.tb-platform-active .dashboard__header {
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 6%, var(--bg)) 0%, var(--bg) 100%);
}

html[data-theme="premium_amoled"] body.tb-platform-active {
  --card-elev-standard: 0 2px 12px rgba(0, 0, 0, 0.65), 0 8px 24px rgba(0, 0, 0, 0.5);
  --card-elev-highlight: 0 4px 20px rgba(0, 0, 0, 0.7), 0 12px 40px rgba(34, 211, 238, 0.12);
}

/* Material You dynamic — follow OS scheme; accent from system when supported (Android dynamicColorScheme). */
html[data-palette-id="material_you_dynamic"] {
  --tb-brand: light-dark(#6366f1, #818cf8);
  --tb-brand-soft: light-dark(color-mix(in srgb, #6366f1 14%, transparent), color-mix(in srgb, #818cf8 18%, transparent));
}

@supports (color: AccentColor) {
  html[data-palette-id="material_you_dynamic"] {
    --tb-brand: AccentColor;
    --tb-brand-soft: color-mix(in srgb, AccentColor 16%, transparent);
  }
}

@media (prefers-color-scheme: dark) {
  html[data-palette-id="material_you_dynamic"]:not([data-theme-auto="true"]) {
    color-scheme: dark;
  }
}

@media (prefers-color-scheme: light) {
  html[data-palette-id="material_you_dynamic"]:not([data-theme-auto="true"]) {
    color-scheme: light;
  }
}

html[data-theme="glassmorphism"] body.tb-platform-active .card,
html[data-theme="glassmorphism"] body.tb-platform-active .today-brief__card {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}