/* SGT Monty — Speckle Frontend Theme Override
   Applied via Docker volume mount into speckle-frontend-2 container.
   Targets the Nuxt/Vue frontend at localhost:8800.

   Brand: Ginger #D8782F, Off-White #FAF8F5, Charcoal #1A1A1A, Outfit font
*/

/* Override Speckle's primary accent color (blue → ginger) */
:root {
  --v-primary-base: #D8782F !important;
  --primary: #D8782F !important;
}

/* Logo area / server name branding */
.v-toolbar__title,
.server-name {
  font-family: 'Outfit', 'Inter', system-ui, sans-serif !important;
  letter-spacing: 0.02em;
}

/* Buttons — override blue to ginger */
.v-btn--variant-flat.bg-primary,
.v-btn.bg-primary,
button.bg-primary {
  background-color: #D8782F !important;
  border-color: #D8782F !important;
}

.v-btn--variant-flat.bg-primary:hover,
.v-btn.bg-primary:hover {
  background-color: #C4662A !important;
}

/* Links */
a.text-primary,
.text-primary {
  color: #D8782F !important;
}

/* Subtle background warmth */
.v-main {
  background: #FAF8F5 !important;
}

/* Card surfaces */
.v-card {
  border-radius: 8px !important;
}

/* Sidebar / navigation */
.v-navigation-drawer {
  background: #1A1A1A !important;
}

.v-navigation-drawer .v-list-item--active {
  background: rgba(216, 120, 47, 0.15) !important;
  color: #D8782F !important;
}