Newbie_CRM/Web_Backgrounds/cuba-theme.css

/* ============================================================================
   Cuba Theme — Classic Cuban car on a playa at golden hour (6pm sunset)
   Warm sunset tones, turquoise Caribbean accents, pastel caribbean vibes
   ============================================================================ */

.dark.theme-cuba {
  --background: 25 40% 6%;
  --foreground: 30 20% 90%;
  --card: 25 35% 10%;
  --card-foreground: 30 20% 90%;
  --popover: 25 35% 10%;
  --popover-foreground: 30 20% 90%;
  --primary: 15 85% 55%;
  --primary-foreground: 0 0% 100%;
  --secondary: 185 60% 50%;
  --secondary-foreground: 0 0% 100%;
  --muted: 25 20% 15%;
  --muted-foreground: 25 10% 55%;
  --accent: 195 65% 55%;
  --accent-foreground: 0 0% 0%;
  --destructive: 0 75% 50%;
  --destructive-foreground: 0 0% 100%;
  --success: 145 55% 45%;
  --success-foreground: 0 0% 100%;
  --warning: 35 90% 55%;
  --warning-foreground: 0 0% 0%;
  --border: 25 25% 18%;
  --input: 25 20% 15%;
  --ring: 15 85% 55%;
  --radius: 0.75rem;
  --sidebar: 25 40% 6%;
  --sidebar-foreground: 30 20% 90%;
  --sidebar-primary: 15 85% 55%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 25 30% 12%;
  --sidebar-accent-foreground: 30 20% 90%;
  --sidebar-border: 25 25% 15%;
  --sidebar-ring: 15 85% 55%;
  --chart-1: 15 85% 55%;
  --chart-2: 185 60% 50%;
  --chart-3: 45 85% 55%;
  --chart-4: 195 65% 55%;
  --chart-5: 335 60% 55%;
}

.light.theme-cuba {
  --background: 30 30% 96%;
  --foreground: 25 40% 15%;
  --card: 0 0% 100%;
  --card-foreground: 25 40% 15%;
  --popover: 0 0% 100%;
  --popover-foreground: 25 40% 15%;
  --primary: 15 80% 50%;
  --primary-foreground: 0 0% 100%;
  --secondary: 185 55% 45%;
  --secondary-foreground: 0 0% 100%;
  --muted: 30 15% 90%;
  --muted-foreground: 25 10% 45%;
  --accent: 195 60% 50%;
  --accent-foreground: 0 0% 0%;
  --destructive: 0 72% 50%;
  --destructive-foreground: 0 0% 100%;
  --success: 145 50% 40%;
  --success-foreground: 0 0% 100%;
  --warning: 35 85% 50%;
  --warning-foreground: 0 0% 0%;
  --border: 30 15% 85%;
  --input: 30 10% 88%;
  --ring: 15 80% 50%;
  --radius: 0.75rem;
  --sidebar: 0 0% 100%;
  --sidebar-foreground: 25 40% 15%;
  --sidebar-primary: 15 80% 50%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 30 15% 92%;
  --sidebar-accent-foreground: 25 40% 15%;
  --sidebar-border: 30 15% 85%;
  --sidebar-ring: 15 80% 50%;
  --chart-1: 15 80% 50%;
  --chart-2: 185 55% 45%;
  --chart-3: 45 80% 50%;
  --chart-4: 195 60% 50%;
  --chart-5: 335 55% 50%;
}

.theme-cuba {
  --background-image: url("https://images.unsplash.com/photo-1595268042087-d4766b03e9db?w=1920&q=80");
  --background-attachment: fixed;
  --background-size: cover;
  --background-position: center;
  --background-blend-mode: overlay;
}

.dark.theme-cuba {
  --card-bg-opacity: 0.85;
  --sidebar-bg-opacity: 0.9;
  --card-backdrop: blur(12px);
}

.light.theme-cuba {
  --card-bg-opacity: 0.92;
  --sidebar-bg-opacity: 0.95;
  --card-backdrop: blur(8px);
}

.dark.theme-cuba .bg-card,
.dark.theme-cuba .bg-popover,
.dark.theme-cuba .bg-muted {
  background-color: hsl(var(--card) / var(--card-bg-opacity, 1));
  backdrop-filter: var(--card-backdrop, none);
}

.dark.theme-cuba .bg-sidebar {
  background-color: hsl(var(--sidebar) / var(--sidebar-bg-opacity, 1));
  backdrop-filter: var(--card-backdrop, none);
}

.light.theme-cuba .bg-card,
.light.theme-cuba .bg-popover,
.light.theme-cuba .bg-muted {
  background-color: hsl(var(--card) / var(--card-bg-opacity, 1));
  backdrop-filter: var(--card-backdrop, none);
}

.light.theme-cuba .bg-sidebar {
  background-color: hsl(var(--sidebar) / var(--sidebar-bg-opacity, 1));
  backdrop-filter: var(--card-backdrop, none);
}

.theme-cuba body,
.theme-cuba .min-h-screen {
  background: var(--background-image) var(--background-attachment) var(--background-position) / var(--background-size);
  background-color: hsl(var(--background));
  background-blend-mode: var(--background-blend-mode);
}

@media (prefers-reduced-transparency: reduce) {
  .theme-cuba .bg-card,
  .theme-cuba .bg-popover,
  .theme-cuba .bg-muted,
  .theme-cuba .bg-sidebar {
    backdrop-filter: none;
  }
}