:root {
	--color-accent: #07dc83;
	--color-accent-deep: #07dc83bf;

	--color-good: #7dff81;
	/* held licence, garaged, cash, "yes" */
	--color-warn: #ffae52;
	/* out of the garage */
	--color-gold: #ffc831;
	/* favourite */
	--color-bad: #ff313d;
	/* errors, revoke, delete, black money, "no" */
	--color-info: #52b7ff;
	/* bank, co-owned */

	--color-bg: #030c07;
	--color-surface: #0a1813;
	--color-surface-raised: #101f18;
	--color-line: rgba(255, 255, 255, 0.12);
	--color-text: #ffffff;
	--color-text-muted: rgba(255, 255, 255, 0.55);
	--color-text-faint: rgba(255, 255, 255, 0.35);

	--bg-page:
		radial-gradient(60rem 24rem at 50% -6rem, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent 70%),
		var(--color-bg);

	--bg-card:
		radial-gradient(80% 90% at 0% 0%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 100%),
		var(--color-surface);
}