/*
 * Agora design tokens. Restyle the whole forum by editing these variables.
 * Lite theme = swap colors/spacing here, no template changes needed.
 */
:root {
	/* Color */
	--agora-bg:            #eceff3;
	--agora-surface:       #ffffff;
	--agora-surface-alt:   #f5f7fa;
	--agora-border:        #d8dde6;
	--agora-text:          #141414;
	--agora-text-muted:    #6f7e90;
	--agora-primary:       #185886;
	--agora-primary-hover: #2577b1;
	--agora-accent:        #e0e0e0;
	--agora-success:       #2e7d32;
	--agora-danger:        #c62828;
	--agora-nav-bg:        #0c4974;

	/* Typography */
	--agora-font:          'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
	--agora-fs-base:       15px;
	--agora-fs-sm:         13px;
	--agora-fs-lg:         18px;
	--agora-lh:            1.4;

	/* Spacing */
	--agora-space-1: 4px;
	--agora-space-2: 8px;
	--agora-space-3: 12px;
	--agora-space-4: 16px;
	--agora-space-5: 24px;

	/* Layout */
	--agora-radius:     4px;
	--agora-shadow:     0 1px 3px rgba(0,0,0,0.05);
	--agora-transition: all 0.15s ease-in-out;
	--agora-maxw:       1200px;
	--agora-sidebar-w:  280px;
}

@media (prefers-color-scheme: dark) {
	:root {
		--agora-bg:          #12141a;
		--agora-surface:     #1a1d24;
		--agora-surface-alt: #232731;
		--agora-border:      #2d323f;
		--agora-text:        #e2e6f0;
		--agora-text-muted:  #8b94a6;
		--agora-primary:     #2577b1;
		--agora-primary-hover: #358ecb;
		--agora-nav-bg:      #172635;
		--agora-shadow:      0 1px 3px rgba(0,0,0,0.2);
	}
}