@layer admin-bar {
  admin-bar.admin-bar {
    --admin-bar-bg-color: oklch(0.735 0.185 53.83 / 0.5);
    --admin-bar-button-color-bg-hover: color-mix(in oklch, var(--admin-bar-bg-color), oklch(1 0 89.876) 80%);
    --admin-bar-color-highlight: oklch(0.59 0.142 57.359);
    --admin-bar-color-highlight-logout: color-mix(in oklch, var(--admin-bar-bg-color), oklch(0.55 0.23 28.77));
    --admin-bar-progress-color: oklch(0.6 0.24 253.14 / 0.6);
    --admin-bar-progress-color-error: oklch(0.66 0.29 30.27 / 0.6);
    --admin-bar-progress-color-success: oklch(0.85 0.36 146.38 / 0.6);

    @supports (not (font: -apple-system-body)) and (not (-moz-appearance: none)) {
      & {
        --admin-bar-enable-glass: true;
        --admin-bar-bg-filter: blur(2px) brightness(0.3) saturate(2.5);
      }
    }
  }
}