/* Custom CSS to match User panel theme to frontend theme */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    
    --theme-color: #a48650; /* Refined luxury bronze-gold */
    --theme-color-hover: #8f7241;
    --theme-color-rgb: 164, 134, 80;
    --bg-primary: #fcfaf7; /* Warm luxurious cream */
    --bg-secondary: #f6f1eb;
    --bg-card: #ffffff;
    --bg-card-hover: #faf9f6;
    --text-primary: #1e1f22;
    --text-secondary: #56575d;
    --text-muted: #8d8f96;
    --border-color: rgba(164, 134, 80, 0.15);
    --border-color-hover: rgba(164, 134, 80, 0.38);
    --accent-gradient: linear-gradient(135deg, #a48650 0%, #826636 100%);
}

.dark, [data-theme="dark"] {
    --theme-color: #c5a880; /* Elegant light-gold */
    --theme-color-hover: #b1966a;
    --theme-color-rgb: 197, 168, 128;
    --bg-primary: #0a0b0d; /* Premium deep charcoal-black */
    --bg-secondary: #111215;
    --bg-card: #15161a;
    --bg-card-hover: #1b1c22;
    --text-primary: #f5f6f8;
    --text-secondary: #a9abb3;
    --text-muted: #6e7077;
    --border-color: rgba(197, 168, 128, 0.12);
    --border-color-hover: rgba(197, 168, 128, 0.35);
    --accent-gradient: linear-gradient(135deg, #c5a880 0%, #a48650 100%);
}

/* Typography Overrides */
.fi-header-heading, 
.fi-logo, 
.fi-ta-header-title, 
.fi-section-header-title,
.fi-modal-heading,
.fi-simple-page-heading {
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
}

body,
.fi-ta-cell,
.fi-fo-field-wrp,
.fi-dropdown-panel,
.fi-ta-empty-state-description {
    font-family: var(--font-body) !important;
}

/* Apply background overrides */
body, 
.fi-layout,
.fi-simple-layout,
html {
    background-color: var(--bg-primary) !important;
}

.fi-topbar,
.fi-sidebar {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

.fi-section, 
.fi-ta-content, 
.fi-card,
.fi-ta-empty-state,
.fi-modal-window,
.fi-dropdown-panel,
.fi-simple-page-card {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
}

/* Border styles */
.fi-topbar,
.fi-sidebar,
.fi-section,
.fi-ta-content,
.fi-ta-header,
.fi-ta-row,
.fi-modal-window,
.fi-dropdown-panel,
.fi-fo-field-wrp,
.fi-ta-header-cell,
.fi-simple-page-card {
    border-color: var(--border-color) !important;
}

/* Primary buttons styling matching frontend */
.fi-btn-color-primary,
.fi-ac-btn-action {
    background: var(--accent-gradient) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

.fi-btn-color-primary:hover,
.fi-ac-btn-action:hover {
    opacity: 0.95 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--theme-color-rgb), 0.3) !important;
}

/* Table styling */
.fi-ta-header-cell {
    background-color: var(--bg-secondary) !important;
}

/* Inputs and Forms */
.fi-input-wrp {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    border-radius: 8px !important;
}

.fi-input-wrp:focus-within {
    border-color: var(--theme-color) !important;
}

/* Logo styling */
.fi-logo {
    font-family: var(--font-heading) !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}