/* =========================================================
   RondoServ Ultra-Premium Theme for RomM
   Matches Jellyfin & Homarr Dark/Glassmorphism Theme
   ========================================================= */

/* Vuetify Theme Color Overrides on all levels */
:root,
html,
body,
.v-theme--dark,
.v-theme--light,
.v-application {
  --accent: #6366f1 !important;
  --accent-gradient: linear-gradient(135deg, #6366f1, #a855f7) !important;
  --theme-primary: #6366f1 !important;
  --theme-text-color: #ffffff !important;
  --theme-body-background: #0b0e14 !important;

  /* Vuetify Theme Color Overrides (RGB triplets) */
  --v-theme-background: 11, 14, 20 !important;
  --v-theme-surface: 18, 22, 31 !important;
  --v-theme-surface-light: 26, 32, 44 !important;
  --v-theme-surface-variant: 30, 38, 52 !important;
  --v-theme-primary: 99, 102, 241 !important;
  --v-theme-primary-darken-1: 79, 70, 229 !important;
  --v-theme-secondary: 168, 85, 247 !important;
  --v-theme-on-background: 255, 255, 255 !important;
  --v-theme-on-surface: 255, 255, 255 !important;
  --v-theme-on-primary: 255, 255, 255 !important;
}

html, body {
  background-color: #0b0e14 !important;
  color: #ffffff !important;
  font-family: Inter, Roboto, "Segoe UI", system-ui, -apple-system, sans-serif !important;
}

/* Background gradient ambiance */
#app, .v-application, .v-application__wrap {
  background: radial-gradient(circle at 15% 15%, rgba(99, 102, 241, 0.12), transparent 50%),
              radial-gradient(circle at 85% 85%, rgba(168, 85, 247, 0.08), transparent 50%),
              #0b0e14 !important;
  color: #ffffff !important;
}

/* =========================================================
   RondoServ Branding & Logo Overrides
   ========================================================= */

/* Top App Bar & Navigation Drawer - Frosted Glass */
.v-app-bar,
.v-toolbar,
.v-navigation-drawer {
  background: rgba(11, 14, 20, 0.85) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(99, 102, 241, 0.18) !important;
  border-right: 1px solid rgba(99, 102, 241, 0.18) !important;
}

/* App Bar Title / Brand styling */
.v-app-bar-title,
.v-toolbar-title {
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

/* Cards & Platform Tiles - Glassmorphism */
.v-card {
  background: rgba(18, 22, 31, 0.75) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(99, 102, 241, 0.15) !important;
  border-radius: 14px !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s ease !important;
}

/* Poster Card Hover Elevation with Indigo/Purple Glow */
.v-card:hover {
  transform: translateY(-4px) scale(1.015) !important;
  border-color: rgba(99, 102, 241, 0.45) !important;
  box-shadow: 0 12px 30px -8px rgba(99, 102, 241, 0.45), 0 0 15px rgba(168, 85, 247, 0.25) !important;
}

/* Accent Buttons & Primary Controls */
.v-btn--variant-flat.v-btn--color-primary,
.v-btn.bg-primary,
.v-btn--variant-elevated.v-btn--color-primary {
  background: linear-gradient(135deg, #6366f1, #a855f7) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.35) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border: none !important;
}

.v-btn--variant-flat.v-btn--color-primary:hover,
.v-btn.bg-primary:hover,
.v-btn--variant-elevated.v-btn--color-primary:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 6px 20px rgba(168, 85, 247, 0.55) !important;
}

/* Dialogs & Modals */
.v-overlay__content .v-card,
.v-dialog .v-card {
  background: rgba(14, 18, 26, 0.95) !important;
  backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(99, 102, 241, 0.25) !important;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.8), 0 0 20px rgba(99, 102, 241, 0.2) !important;
  border-radius: 18px !important;
}

/* Chips / Badges */
.v-chip {
  background: rgba(99, 102, 241, 0.15) !important;
  border: 1px solid rgba(99, 102, 241, 0.25) !important;
  color: #e0e7ff !important;
  border-radius: 8px !important;
}

.v-chip--selected, .v-chip.bg-primary {
  background: linear-gradient(135deg, #6366f1, #a855f7) !important;
  color: #ffffff !important;
}

/* Inputs & Form fields */
.v-field__outline {
  color: rgba(99, 102, 241, 0.3) !important;
}
.v-field--focused .v-field__outline {
  color: #6366f1 !important;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: rgba(11, 14, 20, 0.6);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #6366f1, #a855f7);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #818cf8, #c084fc);
}