/* X-Dang Custom Color Overrides for Unfold Admin */

:root {
    /* Brand Colors (Primary/Secondary) */
    --xdang-primary: #D8A160; /* requested primary */
    --xdang-secondary: #001F3D; /* requested secondary */
    
    /* Derived palette for Unfold CSS vars when needed */
    --xdang-primary-50: #FFF7EC;
    --xdang-primary-100: #FDEED7;
    --xdang-primary-200: #F7DBAF;
    --xdang-primary-300: #EEC887;
    --xdang-primary-400: #E6B66E;
    --xdang-primary-500: #D8A160; /* base */
    --xdang-primary-600: #BF8F55;
    --xdang-primary-700: #A67D4A;
    --xdang-primary-800: #8C6B3F;
    --xdang-primary-900: #735933;

    --xdang-gold: #d4af37;
    --xdang-silver: #c0c0c0;
    --xdang-platinum: #e5e4e2;
}

/* Light theme */
:root {
    --xdang-background: #ffffff;
    --xdang-foreground: #ffffff;
    --xdang-text-primary: #0f172a;
    --xdang-text-secondary: #475569;
    --xdang-text-muted: #94a3b8;
    --xdang-border: #e2e8f0;
    --xdang-card-bg: #ffffff;
}

/* Dark theme */
html.dark {
    --xdang-background: #0f172a !important;
    --xdang-foreground: #1e293b !important;
    --xdang-text-primary: #f1f5f9 !important;
    --xdang-text-secondary: #cbd5e1 !important;
    --xdang-text-muted: #94a3b8 !important;
    --xdang-border: #334155 !important;
    --xdang-card-bg: #1e293b !important;
}

/* Apply theme colors globally */
body {
    background-color: var(--xdang-background) !important;
    color: var(--xdang-text-primary) !important;
}

/* Fix Unfold components in dark mode */
html.dark .bg-white {
    background-color: var(--xdang-card-bg) !important;
}

html.dark .text-gray-900 {
    color: var(--xdang-text-primary) !important;
}

html.dark .text-gray-600 {
    color: var(--xdang-text-secondary) !important;
}

html.dark .border-gray-200 {
    border-color: var(--xdang-border) !important;
}

/* Dashboard cards in dark mode */
html.dark .stat-card {
    background: linear-gradient(135deg, var(--xdang-primary-600) 0%, var(--xdang-primary-800) 100%) !important;
}

html.dark .chart-card {
    background: var(--xdang-card-bg) !important;
    border-color: var(--xdang-border) !important;
}

html.dark .welcome-banner {
    background: linear-gradient(135deg, var(--xdang-primary-600) 0%, var(--xdang-secondary) 100%) !important;
}

/* Chart text colors */
html.dark .chart-card h3 {
    color: var(--xdang-text-primary) !important;
}

/* Ensure chart canvas has proper background */
html.dark canvas {
    background-color: transparent !important;
}

/* Chart text colors for light mode */
html:not(.dark) .chart-card h3 {
    color: #374151 !important;
}

/* Chart text colors for dark mode */
html.dark .chartjs-render-monitor {
    color: #f1f5f9 !important;
}