/* style.css - SRNF Admin Panel Styling */

:root {
  /* Color Palette */
  --color-orange: #E56D37;
  --color-orange-hover: #cb5623;
  --color-orange-light: #fff7ed;
  --color-dark: #2d2d2d;
  --color-dark-hover: #1e1e1e;
  --color-dark-light: #3d3d3d;
  --color-white: #ffffff;
  --color-bg-light: #f9fafb;
  --color-border: #e5e7eb;
  --color-text-primary: #2d2d2d;
  --color-text-muted: #6b7280;
  
  /* Fonts */
  --font-family-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-serif: 'Outfit', sans-serif;
}

/* Base Styles */
body {
  font-family: var(--font-family-sans);
  color: var(--color-text-primary);
  background-color: var(--color-bg-light);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-serif);
}

/* Custom Webkit Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-orange);
}

/* Button & Action Overrides to match Orange/Dark theme */
.btn-primary,
button[type="submit"]:not(.bg-red-600):not(.bg-gray-500),
.bg-\[\#6a752b\],
.bg-blue-600:not(.bg-red-600):not(.bg-gray-500) {
  background-color: var(--color-orange) !important;
  color: var(--color-white) !important;
  transition: all 0.2s ease-in-out !important;
  border: none !important;
}

.btn-primary:hover,
button[type="submit"]:not(.bg-red-600):not(.bg-gray-500):hover,
.bg-\[\#6a752b\]:hover,
.hover\:bg-\[\#5a6425\]:hover,
.bg-blue-600:not(.bg-red-600):not(.bg-gray-500):hover,
.hover\:bg-blue-700:hover {
  background-color: var(--color-orange-hover) !important;
  box-shadow: 0 4px 6px -1px rgba(229, 109, 55, 0.2), 0 2px 4px -1px rgba(229, 109, 55, 0.1) !important;
}

/* Specific button outline override */
.border-blue-600 {
  border-color: var(--color-orange) !important;
}

.text-blue-600 {
  color: var(--color-orange) !important;
}

.text-blue-600:hover {
  color: var(--color-orange-hover) !important;
}

/* Focus and inputs styling */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="file"],
select,
textarea {
  transition: all 0.2s ease-in-out;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  border-color: var(--color-orange) !important;
  box-shadow: 0 0 0 3px rgba(229, 109, 55, 0.15) !important;
  outline: none !important;
}

/* Custom Table Polish */
table th {
  font-family: var(--font-family-serif);
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* Smooth card transitions */
.shadow-sm, .shadow, .shadow-md, .shadow-lg, .shadow-xl {
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

/* Premium Card hover subtle lift */
.hover\:shadow-lg:hover {
  transform: translateY(-2px);
}