/* Global styles for SEN CORAN App */

/* Reset and base styles */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
}

/* Loading spinner */
.loading-spinner {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.animate-slideUp {
  animation: slideUp 0.3s ease-out;
}

/* Smooth transitions */
.transition-all {
  transition: all 0.3s ease;
}

/* Focus styles for accessibility */
button:focus,
input:focus {
  outline: 2px solid #22c55e;
  outline-offset: 2px;
}

/* Print styles */
@media print {
  .no-print {
    display: none !important;
  }
}

/* Color Themes */
[data-theme="emerald"] {
  --primary: #22c55e;
  --primary-dark: #16a34a;
  --primary-light: #86efac;
}

[data-theme="ocean"] {
  --primary: #0ea5e9;
  --primary-dark: #0284c7;
  --primary-light: #7dd3fc;
}

[data-theme="sunset"] {
  --primary: #f97316;
  --primary-dark: #ea580c;
  --primary-light: #fdba74;
}

[data-theme="night"] {
  --primary: #8b5cf6;
  --primary-dark: #7c3aed;
  --primary-light: #c4b5fd;
}

[data-theme="sepia"] {
  --primary: #d97706;
  --primary-dark: #b45309;
  --primary-light: #fcd34d;
}

[data-theme="ocean"] .bg-primary-600 { background-color: #0284c7 !important; }
[data-theme="ocean"] .text-primary-600 { color: #0284c7 !important; }
[data-theme="ocean"] .border-primary-500 { border-color: #0ea5e9 !important; }
[data-theme="ocean"] .hover\:bg-primary-700:hover { background-color: #075985 !important; }

[data-theme="sunset"] .bg-primary-600 { background-color: #ea580c !important; }
[data-theme="sunset"] .text-primary-600 { color: #ea580c !important; }
[data-theme="sunset"] .border-primary-500 { border-color: #f97316 !important; }
[data-theme="sunset"] .hover\:bg-primary-700:hover { background-color: #c2410c !important; }

[data-theme="night"] .bg-primary-600 { background-color: #7c3aed !important; }
[data-theme="night"] .text-primary-600 { color: #7c3aed !important; }
[data-theme="night"] .border-primary-500 { border-color: #8b5cf6 !important; }
[data-theme="night"] .hover\:bg-primary-700:hover { background-color: #6d28d9 !important; }

[data-theme="sepia"] .bg-primary-600 { background-color: #b45309 !important; }
[data-theme="sepia"] .text-primary-600 { color: #b45309 !important; }
[data-theme="sepia"] .border-primary-500 { border-color: #d97706 !important; }
[data-theme="sepia"] .hover\:bg-primary-700:hover { background-color: #92400e !important; }

[data-theme="sepia"] body { background-color: #fef3c7; }
[data-theme="sepia"].dark body { background-color: #451a03; }