/* dashboard-addison.css - Black & White Theme for Dashboard */
:root {
    /* Define/Override Variables */
    --surface: #ffffff;
    --bg-main: #111111;
    --border: #e0e0e0;
    --black: #1a2332; /* Deep midnight blue instead of harsh black */
    --white: #ffffff;
    --muted: #64748b; /* Soft blue-grey */
    
    /* Accents (Use Blue instead of Gold to match Addison theme) */
    --gold: #4a90e2; 
    --gold-rgb: 74, 144, 226;
    --gold-light: #6ca0d9;
    --gold-border: #4a90e2;
    --accent-blue: #357abd;
    
    --ls-heading: -0.5px;
    --transition: all 0.3s ease;
}

body {
    background-color: var(--bg-main) !important;
    color: var(--white) !important;
}

/* Base text elements on black background */
h1, h2, h3, h4, h5, h6 {
    color: var(--white);
}

/* Specific Welcome text override */
.welcome-text, .section-header-row h3 {
    color: var(--white) !important;
}

/* Ensure white cards have dark text */
.stat-card, 
.quick-tool-card, 
.render-preview-card, 
.render-skeleton,
.render-info {
    background-color: var(--surface) !important;
    color: var(--black) !important;
    border-color: var(--border) !important;
}

/* Sidebar / Black Elements */
.system-status-card,
.admin-quick-panel {
    background-color: var(--bg-main) !important;
    color: var(--white) !important;
    border-color: #333333 !important;
}

/* Texts inside white cards */
.stat-card .stat-value,
.quick-tool-card h3,
.auth-title {
    /* Colorful gradient instead of black */
    background: linear-gradient(135deg, var(--accent-blue) 0%, var(--gold-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.render-info strong {
    color: var(--accent-blue) !important;
}

.stat-label {
    color: var(--gold) !important;
    font-weight: 800;
}

.quick-tool-card p,
.render-info span,
.text-muted {
    color: var(--muted) !important;
}

/* Texts inside black sidebar elements */
.system-status-card span,
.admin-quick-panel h3 {
    color: var(--white) !important;
}
.system-status-card div,
.admin-quick-panel p {
    color: var(--muted) !important;
}

/* Form Styles */
.input-field {
    background-color: #f9f9f9;
    border: 1px solid var(--border);
    color: var(--black);
    padding: 0.8rem 1rem;
    border-radius: 6px;
    font-family: inherit;
    width: 100%;
}
.input-field:focus {
    outline: none;
    border-color: var(--gold);
}

/* Gradient Buttons styling fix */
.btn-gradient {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    color: var(--white) !important;
    border: none;
}
.text-gradient {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}