{{--
  Injects the user-configurable accent tokens into the page. Stays inside
  the head so it overrides the defaults baked into resources/css/app.css.

  Projects override these in .env:
    DASHBOARD_ACCENT_LIGHT="oklch(0.6 0.2 200)"
    DASHBOARD_ACCENT_DARK="oklch(0.75 0.16 200)"
--}}
<style>
    :root {
        --accent: {{ config('dashboard.theme.accent_light') }};
        --accent-foreground: {{ config('dashboard.theme.accent_foreground_light') }};
    }

    .dark {
        --accent: {{ config('dashboard.theme.accent_dark') }};
        --accent-foreground: {{ config('dashboard.theme.accent_foreground_dark') }};
    }
</style>