/**
 * GyanPoints design tokens
 */
:root {
	/* Brand */
	--gpq-primary: #1d4ed8;
	--gpq-primary-hover: #1e40af;
	--gpq-primary-soft: #eff6ff;
	--gpq-primary-ring: rgba(29, 78, 216, 0.22);

	/* Semantic */
	--gpq-success: #047857;
	--gpq-success-soft: #ecfdf5;
	--gpq-danger: #b91c1c;
	--gpq-danger-soft: #fef2f2;
	--gpq-warning: #b45309;
	--gpq-warning-soft: #fffbeb;
	--gpq-info: #0369a1;

	/* Surfaces */
	--gpq-bg: #f8fafc;
	--gpq-card: #ffffff;
	--gpq-text: #0f172a;
	--gpq-muted: #64748b;
	--gpq-border: #e2e8f0;
	--gpq-border-strong: #cbd5e1;

	/* Palette states */
	--gpq-answered: #047857;
	--gpq-not-answered: #94a3b8;
	--gpq-marked: #7c3aed;
	--gpq-not-visited: #e2e8f0;

	/* Layout */
	--gpq-radius: 12px;
	--gpq-radius-sm: 8px;
	--gpq-radius-pill: 999px;
	--gpq-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 12px rgba(15, 23, 42, 0.04);
	--gpq-shadow-lg: 0 8px 30px rgba(15, 23, 42, 0.08);
	--gpq-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--gpq-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	--gpq-max: 1080px;
	--gpq-transition: 0.18s ease;
}