@layer admin-bar {
  admin-bar.admin-bar {
    --admin-bar-bg-color: oklch(0.78 0.26 152.63 / 0.9);
    --admin-bar-button-color-bg-hover: oklch(0.71 0.35 337.35 / 0.95);
    --admin-bar-button-color-text: oklch(0.264 0 89.876);
    --admin-bar-color-highlight: oklch(1 0 89.876);
    --admin-bar-color-text: oklch(0 0 0 / 0.9);
    --admin-bar-badge-color-bg: oklch(0 0 0 / 0.9);
    --admin-bar-badge-color-text: oklch(1 0 89.876);
    --admin-bar-color-highlight-logout: oklch(0.71 0.35 337.35 / 0.95);
    --admin-bar-color-text-logout: oklch(1 0 89.876);
    --admin-bar-bg-filter: blur(8px) brightness(2) saturate(3);
    --admin-bar-progress-color: oklch(0.71 0.35 337.35 / 0.8);
    --admin-bar-progress-color-success: oklch(0.91 0.28 129.6 / 0.8);
  }
}