@tailwind base;
@tailwind components;
@tailwind utilities;

/* ========================================
   Custom Light Mode Improvements
   ======================================== */

/* Softer background colors for light mode */
:root {
    /* Reduce pure white brightness - use warm gray tones */
    --filament-gray-50: #fafaf9;
    --filament-gray-100: #f5f5f4;
    --filament-gray-200: #e7e5e4;

    /* Improve text contrast */
    --filament-gray-700: #44403c;
    --filament-gray-800: #292524;
    --filament-gray-900: #1c1917;
}

/* Main background - softer than pure white */
.fi-body,
.fi-main {
    background-color: #fafaf9 !important;
}

/* Sidebar background - slightly darker for contrast */
.fi-sidebar {
    background-color: #f5f5f4 !important;
    border-right: 1px solid #e7e5e4 !important;
}

/* Tables - reduce harsh white backgrounds */
.fi-ta-table {
    background-color: #ffffff !important;
}

.fi-ta-row {
    background-color: #ffffff !important;
}

.fi-ta-row:hover {
    background-color: #fafaf9 !important;
}

/* Table headers - add subtle background */
.fi-ta-header-cell {
    background-color: #f5f5f4 !important;
    color: #292524 !important;
    font-weight: 600 !important;
}

/* Cards and panels - softer backgrounds */
.fi-section,
.fi-card {
    background-color: #ffffff !important;
    border: 1px solid #e7e5e4 !important;
}

/* Form inputs - better contrast */
.fi-input,
.fi-select,
.fi-textarea {
    background-color: #ffffff !important;
    border-color: #d6d3d1 !important;
}

.fi-input:focus,
.fi-select:focus,
.fi-textarea:focus {
    border-color: #78716c !important;
    box-shadow: 0 0 0 1px #78716c !important;
}

/* Improve text readability */
.fi-ta-text,
.fi-ta-cell {
    color: #292524 !important;
}

/* Navigation items - better hover states */
.fi-sidebar-item-button:hover {
    background-color: #e7e5e4 !important;
}

.fi-sidebar-item-button.fi-active {
    background-color: #d6d3d1 !important;
}

/* Reduce shadow intensity */
.fi-section,
.fi-card,
.fi-modal {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important;
}

/* Action buttons - maintain visibility */
.fi-btn {
    font-weight: 500 !important;
}

/* Badges - improve contrast */
.fi-badge {
    font-weight: 600 !important;
}

/* Stats/Widgets - softer backgrounds */
.fi-wi-stats-overview-stat {
    background-color: #ffffff !important;
    border: 1px solid #e7e5e4 !important;
}

/* Dropdown menus */
.fi-dropdown-list {
    background-color: #ffffff !important;
    border: 1px solid #e7e5e4 !important;
}

/* Search inputs */
.fi-global-search-input {
    background-color: #f5f5f4 !important;
}

/* Notifications */
.fi-no-notification {
    background-color: #ffffff !important;
    border-left: 3px solid #d6d3d1 !important;
}

/* Reduce eye strain with subtle animations */
* {
    transition: background-color 0.15s ease, border-color 0.15s ease !important;
}