/* Modern Theme for Rhymix Flex Layout */
/* Premium, Dynamic, and Glassmorphism */
:root {
  /* Premium Color Palette */
  --color-primary: #6366f1;
  /* Indigo 500 */
  --color-primary-dark: #4f46e5;
  /* Indigo 600 */
  --color-primary-light: #a5b4fc;
  /* Indigo 300 */
  --color-secondary: #ec4899;
  /* Pink 500 */
  --color-accent: #8b5cf6;
  /* Violet 500 */
  --color-bg-body: #f8fafc;
  /* Slate 50 */
  --color-bg-card: rgba(255, 255, 255, 0.8);
  --color-text-main: #1e293b;
  /* Slate 800 */
  --color-text-muted: #64748b;
  /* Slate 500 */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-glow: 0 0 15px rgba(99, 102, 241, 0.3);
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-full: 9999px;
  --font-display: "Outfit", sans-serif;
}
/* Typography Overrides */
body {
  font-family: var(--font-display) !important;
  background-color: var(--color-bg-body);
  color: var(--color-text-main);
  -webkit-font-smoothing: antialiased;
}
/* Glassmorphism Utilities */
.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.glass-dark {
  background: rgba(30, 41, 59, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Button Modernization */
.btn, button, input[type="submit"] {
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.btn:hover, button:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.btn-primary {
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent)) !important;
  border: none !important;
  box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.3);
}
.btn-primary:hover {
  box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.4);
  filter: brightness(1.1);
}
/* Smooth Inputs */
input[type="text"], input[type="password"], textarea, select {
  border-radius: var(--radius-md) !important;
  border: 1px solid #e2e8f0 !important;
  padding: 0.75rem 1rem !important;
  transition: all 0.2s ease !important;
  background: rgba(255, 255, 255, 0.9);
}
input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px var(--color-primary-light) !important;
}
/* Container Polish */
.app-container {
  max-width: 1280px;
  margin: 0 auto;
}
/*# sourceMappingURL=1446108f1a822e657e162301009a782776023ca9.modern-theme.scss.map */