/* Imovly Brand Colors */
:root {
  --primary: #1e3a8a;
  --secondary: #60a5fa;
  --background: #f3f4f6;
  --accent: #22d3ee;
  --foreground: #1f2937;
  --muted-foreground: #6b7280;
  --white: #ffffff;
  --card-bg: #ffffff;
  --card-border: #e5e7eb;
  --card-text: var(--foreground);
}

html {
  color-scheme: light;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

/* Brand utility classes */
.bg-imovly-primary { background-color: var(--primary); }
.bg-imovly-secondary { background-color: var(--secondary); }
.bg-imovly-accent { background-color: var(--accent); }
.text-imovly-primary { color: var(--primary); }
.text-imovly-secondary { color: var(--secondary); }
.text-imovly-accent { color: var(--accent); }
.text-imovly-foreground { color: var(--foreground); }
.text-imovly-muted { color: var(--muted-foreground); }
.border-imovly-primary { border-color: var(--primary); }
.border-imovly-secondary { border-color: var(--secondary); }
.border-imovly-accent { border-color: var(--accent); }

/* Force light mode overrides */
.bg-white { background-color: #ffffff !important; }
.border-gray-200 { border-color: #e5e7eb !important; }
.text-gray-700 { color: #374151 !important; }
.text-gray-600, .text-gray-500 { color: #6b7280 !important; }

/* Hero section */
.hero-section {
  background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
  color: #ffffff !important;
}
.hero-section .text-white { color: #ffffff !important; }

/* bg-background utility */
.bg-background { background-color: var(--background); }

/* bg-linear-to-t */
.bg-linear-to-t {
  background: linear-gradient(to top, var(--background), transparent);
}

/* Inline spinner animation for htmx indicators */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline; }
.htmx-request.htmx-indicator { display: inline; }

@keyframes spin {
  to { transform: rotate(360deg); }
}
.animate-spin { animation: spin 1s linear infinite; }