:root {
	--primary: #6bc770;
	--on-primary: #ffffff;
	--soft-primary: #e0e7ff;
	--on-soft-primary: #3730a3;
	--secondary: #1b2940;
	--on-secondary: #ffffff;
	--soft-secondary: #ede9fe;
	--on-soft-secondary: #5b21b6;
	--muted: #64748b;
	--on-muted: #ffffff;
	--soft-muted: #f1f5f9;
	--on-soft-muted: #334155;
	--info: #0ea5e9;
	--on-info: #ffffff;
	--soft-info: #e0f2fe;
	--on-soft-info: #0369a1;
	--success: #22c55e;
	--on-success: #ffffff;
	--soft-success: #dcfce7;
	--on-soft-success: #15803d;
	--warning: #f59e0b;
	--on-warning: #ffffff;
	--soft-warning: #fef3c7;
	--on-soft-warning: #b45309;
	--danger: #ef4444;
	--on-danger: #ffffff;
	--soft-danger: #fee2e2;
	--on-soft-danger: #b91c1c;
	--surface: #ffffff;
	--on-surface: #1e293b;
	--background: #f8fafc;
	--on-background: #0f172a;
	--radius-avatar: calc(infinity * 1px);
	--radius-box: 0.75rem;
	--radius-ui: 0.75rem;
	--scrollbar-size: 4px;
}

.dark {
	--primary: #818cf8;
	--on-primary: #1e1b4b;
	--soft-primary: #312e81;
	--on-soft-primary: #c7d2fe;
	--secondary: #a78bfa;
	--on-secondary: #2e1065;
	--soft-secondary: #4c1d95;
	--on-soft-secondary: #ddd6fe;
	--muted: #94a3b8;
	--on-muted: #0f172a;
	--soft-muted: #334155;
	--on-soft-muted: #cbd5e1;
	--info: #38bdf8;
	--on-info: #082f49;
	--soft-info: #0c4a6e;
	--on-soft-info: #bae6fd;
	--success: #4ade80;
	--on-success: #052e16;
	--soft-success: #166534;
	--on-soft-success: #bbf7d0;
	--warning: #fbbf24;
	--on-warning: #451a03;
	--soft-warning: #92400e;
	--on-soft-warning: #fde68a;
	--danger: #f87171;
	--on-danger: #450a0a;
	--soft-danger: #991b1b;
	--on-soft-danger: #fecaca;
	--surface: #1e293b;
	--on-surface: #f1f5f9;
	--background: #0f172a;
	--on-background: #f8fafc;
}