:root {
	--paca-surface: #ffffff;
	--paca-surface-alt: #f5f5f5;
	--paca-border-muted: #cccccc;
	--paca-fg-strong: #000000;
	--paca-fg-strong-contrast: #ffffff;
	--paca-text-secondary: #444444;
	--paca-text-muted: #666666;
	--paca-text-faint: #767676;
	--paca-shadow-soft: rgba(0, 0, 0, 0.1);
	--paca-shadow-strong: rgba(0, 0, 0, 0.15);
	--paca-skeleton-base: #f0f0f0;
	--paca-skeleton-highlight: #e0e0e0;
	--paca-overlay: rgba(0, 0, 0, 0.4);
	--paca-modal-shadow: rgba(0, 0, 0, 0.2);
	--paca-admin-modal-border: #dcdcde;
	--paca-admin-modal-shadow: rgba(0, 0, 0, 0.12);
	--paca-admin-modal-divider: #f0f0f1;
	--paca-admin-heading-text: #1d2327;
	--paca-admin-body-text: #50575e;
	--paca-admin-icon-muted: #646970;
}

body.paca-theme-dark {
	--paca-surface: #1e1e1e;
	--paca-surface-alt: #2a2a2a;
	--paca-border-muted: #4d4d4d;
	--paca-fg-strong: #f0f0f0;
	--paca-fg-strong-contrast: #1e1e1e;
	--paca-text-secondary: #cccccc;
	--paca-text-muted: #999999;
	--paca-text-faint: #a0a0a0;
	--paca-shadow-soft: rgba(0, 0, 0, 0.5);
	--paca-shadow-strong: rgba(0, 0, 0, 0.6);
	--paca-skeleton-base: #2a2a2a;
	--paca-skeleton-highlight: #3a3a3a;
	--paca-overlay: rgba(0, 0, 0, 0.7);
	--paca-modal-shadow: rgba(0, 0, 0, 0.55);
	--paca-admin-modal-border: #3a3a3a;
	--paca-admin-modal-shadow: rgba(0, 0, 0, 0.45);
	--paca-admin-modal-divider: #333333;
	--paca-admin-heading-text: #f0f0f0;
	--paca-admin-body-text: #b0b0b0;
	--paca-admin-icon-muted: #a0a0a0;
}