@layer routes{[data-accent=red]{--service-accent:var(--amanah-accent-red);--service-accent-ink:var(--amanah-accent-red-ink);--service-readable-ink:#000}[data-accent=yellow]{--service-accent:var(--amanah-accent-yellow);--service-accent-ink:var(--amanah-accent-yellow-ink);--service-readable-ink:#111}[data-accent=green]{--service-accent:var(--amanah-accent-green);--service-accent-ink:var(--amanah-accent-green-ink);--service-readable-ink:#111}[data-accent=blue]{--service-accent:var(--amanah-accent-blue);--service-accent-ink:var(--amanah-accent-blue-ink);--service-readable-ink:#fff}[data-accent=indigo]{--service-accent:var(--amanah-accent-indigo);--service-accent-ink:var(--amanah-accent-indigo-ink);--service-readable-ink:#fff}[data-accent=violet]{--service-accent:var(--amanah-accent-violet);--service-accent-ink:var(--amanah-accent-violet-ink);--service-readable-ink:#fff}[data-accent=orange]{--service-accent:var(--amanah-accent-orange);--service-accent-ink:var(--amanah-accent-orange-ink);--service-readable-ink:#111}}