/* ===== CSS VARIABLES — LIGHT (default) ===== */
:root {
	--bg-page:        #f0ebe0;
	--bg-container:   #ffffff;
	--bg-header:      linear-gradient(135deg, #1a5c3a 0%, #0d3320 60%, #1a3d20 100%);
	--bg-tabs:        #f5f0e6;
	--bg-tab-active:  #ffffff;
	--bg-card:        #faf7f0;
	--bg-card-sub:    #faf7f0;
	--bg-modal:       #ffffff;
	--bg-input:       #ffffff;
	--bg-table-th:    #f0ebe0;
	--bg-table-next:  #fef9ec;
	--bg-schedule:    #ffffff;
	--bg-picker:      #ffffff;
	--bg-picker-hdr:  #f5f0e6;
	--bg-ag-hdr:      #f5f0e6;
	--bg-time-item:   #f7f4ed;
	--bg-queue-item:  #f7f4ed;
	--bg-ap-footer:   #edf5ee;
	--bg-stat-card:   linear-gradient(135deg, #1a5c3a 0%, #0d3320 100%);
	--bg-info-panel:  #f0f9f4;
	--bg-next-bell:   #ffffff;

	--clr-primary:    #1a6b3c;
	--clr-primary-dk: #14532d;
	--clr-gold:       #b8860b;
	--clr-gold-lt:    #d4a829;
	--clr-text:       #1c1c1c;
	--clr-text-muted: #5a6a60;
	--clr-text-label: #2d4a35;
	--clr-heading:    #0d3320;

	--bdr-color:      #d8ccb0;
	--bdr-input:      #c8bfa0;
	--bdr-tabs:       #d0c8a8;
	--bdr-table:      #e8e0cc;
	--bdr-schedule:   #1a6b3c;

	--shadow-container: 0 20px 60px rgba(13,51,32,0.18);
	--shadow-modal:     0 25px 60px rgba(0,0,0,0.35);

	/* extra semantic colors */
	--clr-success:      #16a34a;
	--clr-error:        #dc2626;
	--clr-error-bg:     #fee2e2;
	--clr-error-text:   #991b1b;
	--clr-warn:         #d97706;
	--clr-info:         #0369a1;
	--clr-info-bg:      #f0f9ff;
	--clr-muted-text:   #6b7280;
	--bg-hover-row:     #f7f4ed;
	/* stat card accent colors — Islami palette */
	--bg-stat-bell:     linear-gradient(135deg, #1a7a4a 0%, #0f4a2a 100%);
	--bg-stat-clock:    linear-gradient(135deg, #92700a 0%, #5c4506 100%);
}

/* ===== CSS VARIABLES — DARK ===== */
html.dark {
	--bg-page:        #0a1a10;
	--bg-container:   #0f2318;
	--bg-header:      linear-gradient(135deg, #071510 0%, #0a1f13 60%, #071a10 100%);
	--bg-tabs:        #0d1e14;
	--bg-tab-active:  #0f2318;
	--bg-card:        #112819;
	--bg-card-sub:    #112819;
	--bg-modal:       #0f2318;
	--bg-input:       #0d1e14;
	--bg-table-th:    #0d1e14;
	--bg-table-next:  #1a2f10;
	--bg-schedule:    #112819;
	--bg-picker:      #0f2318;
	--bg-picker-hdr:  #0d1e14;
	--bg-ag-hdr:      #0d1e14;
	--bg-time-item:   #0f2318;
	--bg-queue-item:  #0f2318;
	--bg-ap-footer:   #0d2515;
	--bg-stat-card:   linear-gradient(135deg, #0f3a20 0%, #071510 100%);
	--bg-info-panel:  #0d2515;
	--bg-next-bell:   #112819;

	--clr-primary:    #3db870;
	--clr-primary-dk: #2d9c5a;
	--clr-gold:       #d4a829;
	--clr-gold-lt:    #e8c040;
	--clr-text:       #ede8da;
	--clr-text-muted: #9fbfa8;
	--clr-text-label: #b8d4c0;
	--clr-heading:    #d8f0e0;

	--bdr-color:      #1a3522;
	--bdr-input:      #1f4030;
	--bdr-tabs:       #1a3522;
	--bdr-table:      #1a3522;
	--bdr-schedule:   #3db870;

	--shadow-container: 0 20px 60px rgba(0,0,0,0.5);
	--shadow-modal:     0 25px 60px rgba(0,0,0,0.7);

	/* extra semantic colors — dark */
	--clr-success:      #22c55e;
	--clr-error:        #ef4444;
	--clr-error-bg:     #450a0a;
	--clr-error-text:   #fca5a5;
	--clr-warn:         #f59e0b;
	--clr-info:         #38bdf8;
	--clr-info-bg:      #0d2535;
	--clr-muted-text:   #96b8a0;
	--bg-hover-row:     #152a1c;
	--bg-stat-bell:     linear-gradient(135deg, #0f4a2a 0%, #071a10 100%);
	--bg-stat-clock:    linear-gradient(135deg, #5c4506 0%, #2e2203 100%);
}


/* ===== STATUS BADGE COLORS ===== */
:root {
	--badge-aktif-bg:    #d1fae5;
	--badge-aktif-text:  #065f46;
	--badge-nonaktif-bg: #fee2e2;
	--badge-nonaktif-text: #991b1b;

	/* Prayer time colors — light */
	--prayer-imsak-color:   #4338ca;
	--prayer-imsak-bg:      #ede9fe;
	--prayer-subuh-color:   #1d4ed8;
	--prayer-subuh-bg:      #dbeafe;
	--prayer-terbit-color:  #b45309;
	--prayer-terbit-bg:     #fef3c7;
	--prayer-dhuha-color:   #d97706;
	--prayer-dhuha-bg:      #fef9c3;
	--prayer-dzuhur-color:  #065f46;
	--prayer-dzuhur-bg:     #d1fae5;
	--prayer-ashar-color:   #0369a1;
	--prayer-ashar-bg:      #e0f2fe;
	--prayer-maghrib-color: #9d174d;
	--prayer-maghrib-bg:    #fce7f3;
	--prayer-isya-color:    #3730a3;
	--prayer-isya-bg:       #e0e7ff;
}

html.dark {
	--badge-aktif-bg:    #14532d;
	--badge-aktif-text:  #86efac;
	--badge-nonaktif-bg: #450a0a;
	--badge-nonaktif-text: #fca5a5;

	/* Prayer time colors — dark */
	--prayer-imsak-color:   #a5b4fc;
	--prayer-imsak-bg:      #1e1b4b;
	--prayer-subuh-color:   #93c5fd;
	--prayer-subuh-bg:      #1e3a5f;
	--prayer-terbit-color:  #fcd34d;
	--prayer-terbit-bg:     #451a03;
	--prayer-dhuha-color:   #fbbf24;
	--prayer-dhuha-bg:      #3b1f00;
	--prayer-dzuhur-color:  #6ee7b7;
	--prayer-dzuhur-bg:     #064e3b;
	--prayer-ashar-color:   #7dd3fc;
	--prayer-ashar-bg:      #0c3a57;
	--prayer-maghrib-color: #f9a8d4;
	--prayer-maghrib-bg:    #500724;
	--prayer-isya-color:    #c7d2fe;
	--prayer-isya-bg:       #1e1b4b;
}

/* ===== ICON BACKGROUNDS — per kategori ===== */
:root {
	/* Help trigger icon bg */
	--icon-bg-home:     #e8f5ee;
	--icon-bg-schedule: #e0eaff;
	--icon-bg-holiday:  #fef3c7;
	--icon-bg-prayer:   #ede9fe;
	--icon-bg-audio:    #d1fae5;
	--icon-bg-users:    #fce7f3;
	--icon-bg-log:      #f0f9ff;
	--icon-bg-tip:      #f0fdf4;

	/* Icon picker (audio group) */
	--icon-sel-bg:      #e0e7ff;
	--icon-sel-border:  #6366f1;
	--icon-unsel-bg:    #f9fafb;
	--icon-unsel-border:#e5e7eb;

	/* Progress bar */
	--progress-idle:    #667eea;
	--progress-ok:      #16a34a;
	--progress-err:     #dc2626;

	/* Status element inline */
	--status-loading-bg:   #fef3c7;
	--status-loading-text: #92400e;
	--status-ok-bg:        #d1fae5;
	--status-ok-text:      #14532d;
	--status-err-bg:       #fee2e2;
	--status-err-text:     #991b1b;

	/* Pause item */
	--pause-item-bg:    #ffffff;
	--pause-item-bdr:   #f3f4f6;

	/* Log row fail */
	--log-row-fail-bg:  #fff7f7;
}

html.dark {
	--icon-bg-home:     #1a4a2e;
	--icon-bg-schedule: #2d3580;
	--icon-bg-holiday:  #6b3800;
	--icon-bg-prayer:   #4a2080;
	--icon-bg-audio:    #0d6b4a;
	--icon-bg-users:    #7a1040;
	--icon-bg-log:      #0d3d55;
	--icon-bg-tip:      #1a4a2e;

	--icon-sel-bg:      #1e1b4b;
	--icon-sel-border:  #818cf8;
	--icon-unsel-bg:    #0f2318;
	--icon-unsel-border:#1a3522;

	--progress-idle:    #818cf8;
	--progress-ok:      #22c55e;
	--progress-err:     #ef4444;

	--status-loading-bg:   #3b2700;
	--status-loading-text: #fcd34d;
	--status-ok-bg:        #14532d;
	--status-ok-text:      #86efac;
	--status-err-bg:       #450a0a;
	--status-err-text:     #fca5a5;

	--pause-item-bg:    #112819;
	--pause-item-bdr:   #1a3522;

	--log-row-fail-bg:  #2a0a0a;
}

/* ===== BADGE CATEGORY COLORS ===== */
:root {
	/* type badges */
	--badge-daily-bg:    #dcfce7; --badge-daily-text:    #14532d;
	--badge-weekly-bg:   #d1fae5; --badge-weekly-text:   #065f46;
	--badge-monthly-bg:  #fef3c7; --badge-monthly-text:  #92400e;
	--badge-once-bg:     #fce7f3; --badge-once-text:     #9d174d;

	/* log category badges */
	--badge-login-bg:    #ccfbf1; --badge-login-text:    #0f766e;
	--badge-auth-bg:     #e0e7ff; --badge-auth-text:     #3730a3;
	--badge-user-bg:     #fce7f3; --badge-user-text:     #9d174d;
	--badge-schedule-bg: #dbeafe; --badge-schedule-text: #1d4ed8;
	--badge-holiday-bg:  #fef3c7; --badge-holiday-text:  #b45309;
	--badge-pause-bg:    #f3f4f6; --badge-pause-text:    #374151;
	--badge-audio-bg:    #d1fae5; --badge-audio-text:    #065f46;
	--badge-prayer-bg2:  #ede9fe; --badge-prayer-text2:  #7c3aed;
	--badge-system-bg:   #fee2e2; --badge-system-text:   #991b1b;

	/* role colors */
	--role-admin-color:    #9d174d;
	--role-operator-color: #1d4ed8;
	--role-viewer-color:   #6b7280;
}

html.dark {
	--badge-daily-bg:    #14532d; --badge-daily-text:    #86efac;
	--badge-weekly-bg:   #064e3b; --badge-weekly-text:   #6ee7b7;
	--badge-monthly-bg:  #451a03; --badge-monthly-text:  #fcd34d;
	--badge-once-bg:     #500724; --badge-once-text:     #fbcfe8;

	--badge-login-bg:    #0e3d36; --badge-login-text:    #5eead4;
	--badge-auth-bg:     #1e1b4b; --badge-auth-text:     #a5b4fc;
	--badge-user-bg:     #500724; --badge-user-text:     #fbcfe8;
	--badge-schedule-bg: #1e3a5f; --badge-schedule-text: #93c5fd;
	--badge-holiday-bg:  #3b1f00; --badge-holiday-text:  #fcd34d;
	--badge-pause-bg:    #1f2937; --badge-pause-text:    #d1d5db;
	--badge-audio-bg:    #064e3b; --badge-audio-text:    #6ee7b7;
	--badge-prayer-bg2:  #2d1655; --badge-prayer-text2:  #c4b5fd;
	--badge-system-bg:   #450a0a; --badge-system-text:   #fca5a5;

	--role-admin-color:    #f472b6;
	--role-operator-color: #60a5fa;
	--role-viewer-color:   #9ca3af;
}