/* Tailwind is loaded by layout.liquid via asset_url; the hard-coded
   /assets/tailwind.css @import 404s in production (non-fingerprinted), so removed. */

/* Custom styles can go here */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.text-theme-primary { color: var(--launch-primary); }
.text-theme-secondary { color: var(--launch-secondary); }
.text-theme-primary-foreground { color: var(--launch-primary-foreground); }
.text-theme-secondary-foreground { color: var(--launch-secondary-foreground); }

.bg-theme-primary { background-color: var(--launch-primary); }
.bg-theme-primary-dark { background-color: var(--launch-primary-dark); }
.bg-theme-secondary { background-color: var(--launch-secondary); }
.bg-theme-primary-soft { background-color: var(--launch-primary-soft); }
.bg-theme-secondary-soft { background-color: var(--launch-secondary-soft); }
.bg-theme-primary-tint { background-color: var(--launch-primary-tint); }
.bg-theme-primary-shade { background-color: var(--launch-primary-shade); }
.bg-theme-secondary-tint { background-color: var(--launch-secondary-tint); }
.bg-theme-secondary-shade { background-color: var(--launch-secondary-shade); }

.border-theme-primary { border-color: var(--launch-primary); }
.border-theme-secondary { border-color: var(--launch-secondary); }
.border-theme-primary-outline { border-color: var(--launch-primary-outline); }
.border-theme-secondary-outline { border-color: var(--launch-secondary-outline); }

.hover-text-theme-primary:hover { color: var(--launch-primary); }
.hover-text-theme-secondary:hover { color: var(--launch-secondary); }
.hover-border-theme-primary:hover { border-color: var(--launch-primary); }
.hover-border-theme-secondary:hover { border-color: var(--launch-secondary); }
.hover-bg-theme-primary-dark:hover { background-color: var(--launch-primary-dark); }
.hover-bg-theme-secondary-dark:hover { background-color: var(--launch-secondary-dark); }

.group:hover .group-hover-text-theme-primary { color: var(--launch-primary); }
.group:hover .group-hover-text-theme-secondary { color: var(--launch-secondary); }
.group:hover .group-hover-border-theme-primary { border-color: var(--launch-primary); }
.group:hover .group-hover-bg-theme-primary { background-color: var(--launch-primary); color: var(--launch-primary-foreground); }
.group:hover .group-hover-bg-theme-primary-soft { background-color: var(--launch-primary-soft); }
.group:hover .group-hover-bg-theme-secondary-soft { background-color: var(--launch-secondary-soft); }

.btn-theme-primary {
  background-color: var(--launch-primary);
  color: var(--launch-primary-foreground);
  transition: all 0.2s ease;
}
.btn-theme-primary:hover {
  background-color: var(--launch-primary-dark);
}

.btn-theme-secondary {
  background-color: var(--launch-secondary);
  color: var(--launch-secondary-foreground);
  transition: all 0.2s ease;
}
.btn-theme-secondary:hover {
  background-color: var(--launch-secondary-dark);
}

.badge-theme-soft {
  background-color: var(--launch-primary-soft);
  color: var(--launch-primary);
}

.shadow-theme-primary {
  box-shadow: 0 20px 45px var(--launch-primary-shadow);
}

.shadow-theme-secondary {
  box-shadow: 0 20px 45px var(--launch-secondary-shadow);
}

.gradient-theme-primary {
  background-image: linear-gradient(135deg, var(--launch-primary), var(--launch-primary-gradient-end));
}

.gradient-theme-secondary {
  background-image: linear-gradient(135deg, var(--launch-secondary), var(--launch-secondary-gradient-end));
}