/* =====================================================================
   Tandoor Custom Theme – "Apple Dark"
   Elegant-Dunkel + Amber, verfeinert nach Apple-Design-Prinzipien
   (Typografie, Materialien/Tiefe). Vuetify 3.
   Hinweis: Bewegungs-/Gesten-Prinzipien des Skills brauchen JS und sind
   per CSS nicht umsetzbar – hier ist die visuelle Ebene.
   Upload: Space -> Appearance/Customization -> Custom Theme CSS. Space auf DUNKEL.
   ===================================================================== */

/* ---------- Farbpalette (Tiefe durch abgestufte Flaechen) ---------- */
.v-theme--dark {
  --v-theme-background: 18, 18, 20 !important;      /* fast schwarz */
  --v-theme-on-background: 237, 233, 227 !important;
  --v-theme-surface: 29, 29, 33 !important;         /* Ebene 1 */
  --v-theme-on-surface: 237, 233, 227 !important;
  --v-theme-surface-bright: 44, 44, 50 !important;  /* Ebene 2 (erhoeht) */
  --v-theme-surface-light: 38, 38, 43 !important;
  --v-theme-surface-variant: 56, 53, 48 !important;
  --v-theme-on-surface-variant: 178, 170, 160 !important;

  --v-theme-primary: 224, 160, 99 !important;       /* Amber */
  --v-theme-on-primary: 28, 22, 14 !important;
  --v-theme-secondary: 158, 142, 122 !important;
  --v-theme-on-secondary: 18, 18, 20 !important;

  --v-theme-error: 229, 115, 115 !important;
  --v-theme-info: 120, 170, 235 !important;
  --v-theme-success: 129, 199, 132 !important;
  --v-theme-warning: 235, 180, 90 !important;
}
.v-theme--light {
  --v-theme-background: 250, 248, 244 !important;
  --v-theme-on-background: 34, 31, 27 !important;
  --v-theme-surface: 255, 254, 251 !important;
  --v-theme-on-surface: 34, 31, 27 !important;
  --v-theme-primary: 176, 110, 58 !important;
  --v-theme-on-primary: 255, 255, 255 !important;
}

/* ---------- Typografie (Apple: SF-Font, optisch, enges Tracking) ---------- */
.v-application {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "SF Pro Display", "Helvetica Neue", "Inter", "Segoe UI", Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-optical-sizing: auto;
}
.v-application h1, .v-application h2, .v-application h3,
.text-h1, .text-h2, .text-h3, .text-h4, .v-toolbar-title {
  letter-spacing: -0.021em !important;   /* grosse Schrift enger */
  font-weight: 600 !important;
  line-height: 1.12 !important;
}
.v-application, .text-body-1, .text-body-2, .v-card-text, .v-list-item-title {
  letter-spacing: 0 !important;          /* Fliesstext neutral */
}

/* ---------- Materialien: durchscheinende Leisten (Tiefe) ---------- */
.v-app-bar.v-toolbar {
  background: rgba(18, 18, 20, 0.72) !important;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}
.v-navigation-drawer {
  background: rgba(22, 22, 25, 0.80) !important;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}
/* Menues & Dialoge: schwebende, leicht durchscheinende Flaechen */
.v-overlay__content > .v-card,
.v-overlay__content > .v-list,
.v-menu > .v-overlay__content {
  background: rgba(33, 32, 37, 0.86) !important;
  backdrop-filter: saturate(180%) blur(24px);
  -webkit-backdrop-filter: saturate(180%) blur(24px);
}

/* ---------- Form & Tiefe: Rundungen + weiche Schatten ---------- */
.v-card {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30),
              0 10px 30px rgba(0, 0, 0, 0.28) !important;
}
.v-btn { border-radius: 12px !important; letter-spacing: -0.01em !important; }
.v-text-field .v-field, .v-select .v-field { border-radius: 12px !important; }
.v-list { border-radius: 12px; }
.v-chip { border-radius: 9px !important; }

/* ---------- Barrierefreiheit: Materialien zuruecknehmen ---------- */
@media (prefers-reduced-transparency: reduce) {
  .v-app-bar.v-toolbar { background: rgb(18, 18, 20) !important; }
  .v-navigation-drawer { background: rgb(22, 22, 25) !important; }
  .v-overlay__content > .v-card,
  .v-overlay__content > .v-list,
  .v-menu > .v-overlay__content { background: rgb(33, 32, 37) !important; }
  .v-app-bar.v-toolbar, .v-navigation-drawer,
  .v-overlay__content > .v-card, .v-overlay__content > .v-list,
  .v-menu > .v-overlay__content {
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
}
@media (prefers-contrast: more) {
  .v-card { border-color: rgba(255, 255, 255, 0.18) !important; }
}