/* src/styles.css */
:root {
  --gn-notification-info: oklch(0.65 0.2 265);
  --gn-notification-info-soft: color-mix(in oklab, var(--gn-notification-info) 14%, transparent);
  --gn-notification-info-border: color-mix(in oklab, var(--gn-notification-info) 28%, transparent);
  --gn-notification-success: oklch(0.72 0.18 155);
  --gn-notification-success-soft: color-mix(in oklab, var(--gn-notification-success) 14%, transparent);
  --gn-notification-success-border: color-mix(in oklab, var(--gn-notification-success) 28%, transparent);
  --gn-notification-warning: oklch(0.72 0.18 60);
  --gn-notification-warning-soft: color-mix(in oklab, var(--gn-notification-warning) 14%, transparent);
  --gn-notification-warning-border: color-mix(in oklab, var(--gn-notification-warning) 28%, transparent);
  --gn-notification-error: oklch(0.6 0.25 25);
  --gn-notification-error-soft: color-mix(in oklab, var(--gn-notification-error) 14%, transparent);
  --gn-notification-error-border: color-mix(in oklab, var(--gn-notification-error) 28%, transparent);
  --gn-notification-mention: oklch(0.65 0.22 290);
  --gn-notification-mention-soft: color-mix(in oklab, var(--gn-notification-mention) 14%, transparent);
  --gn-notification-mention-border: color-mix(in oklab, var(--gn-notification-mention) 28%, transparent);
  --gn-notification-invite: oklch(0.68 0.18 200);
  --gn-notification-invite-soft: color-mix(in oklab, var(--gn-notification-invite) 14%, transparent);
  --gn-notification-invite-border: color-mix(in oklab, var(--gn-notification-invite) 28%, transparent);
  --gn-notification-payment: oklch(0.72 0.2 145);
  --gn-notification-payment-soft: color-mix(in oklab, var(--gn-notification-payment) 14%, transparent);
  --gn-notification-payment-border: color-mix(in oklab, var(--gn-notification-payment) 28%, transparent);
  --gn-notification-system: oklch(0.55 0.1 250);
  --gn-notification-system-soft: color-mix(in oklab, var(--gn-notification-system) 14%, transparent);
  --gn-notification-system-border: color-mix(in oklab, var(--gn-notification-system) 28%, transparent);
  --gn-notifications-panel-border: color-mix(in oklab, var(--border) 72%, transparent);
  --gn-notifications-panel-surface: color-mix(in oklab, var(--card) 90%, transparent);
  --gn-notifications-panel-surface-muted: color-mix(in oklab, var(--card) 94%, var(--foreground) 6%);
  --gn-notifications-panel-backdrop: color-mix(in oklab, var(--background) 84%, transparent);
  --gn-notifications-badge-glow: color-mix(in oklab, var(--gn-notification-error) 45%, transparent);
  --gn-notifications-skeleton: color-mix(in oklab, var(--card) 78%, transparent);
}
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--gn-notifications-panel-border) transparent;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 0.375rem;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background: var(--gn-notifications-panel-border);
}
/*# sourceMappingURL=index.css.map */