@cerberus-design/styled-system/themes/theme-acheron.json

Cerberus Design System Panda-CSS styled-system.

{
  "name": "acheron",
  "id": "panda-theme-acheron",
  "css": " [data-panda-theme=acheron] {\n    --cerberus-colors-page-backdrop-initial: rgba(27, 26, 25, 0.50);\n    --cerberus-colors-page-bg-100: var(--cerberus-colors-acheron-neutral-80);\n    --cerberus-colors-page-bg-200: var(--cerberus-colors-acheron-neutral-70);\n    --cerberus-colors-page-bg-initial: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-page-border-100: var(--cerberus-colors-acheron-neutral-80);\n    --cerberus-colors-page-border-200: var(--cerberus-colors-acheron-neutral-50);\n    --cerberus-colors-page-border-initial: var(--cerberus-colors-acheron-neutral-70);\n    --cerberus-colors-page-surface-100: var(--cerberus-colors-acheron-neutral-90);\n    --cerberus-colors-page-surface-200: var(--cerberus-colors-acheron-neutral-80);\n    --cerberus-colors-page-surface-300: var(--cerberus-colors-acheron-neutral-70);\n    --cerberus-colors-page-surface-initial: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-page-surface-inverse: var(--cerberus-colors-acheron-neutral-5);\n    --cerberus-colors-page-text-100: var(--cerberus-colors-acheron-neutral-40);\n    --cerberus-colors-page-text-200: var(--cerberus-colors-acheron-neutral-20);\n    --cerberus-colors-page-text-300: var(--cerberus-colors-acheron-neutral-white);\n    --cerberus-colors-page-text-initial: var(--cerberus-colors-acheron-neutral-5);\n    --cerberus-colors-page-text-inverse: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-action-bg-initial: var(--cerberus-colors-acheron-brand-60);\n    --cerberus-colors-action-bg-hover: var(--cerberus-colors-acheron-brand-50);\n    --cerberus-colors-action-bg-active: var(--cerberus-colors-acheron-brand-40);\n    --cerberus-colors-action-border-100: var(--cerberus-colors-acheron-neutral-50);\n    --cerberus-colors-action-border-initial: var(--cerberus-colors-acheron-brand-60);\n    --cerberus-colors-action-border-focus: var(--cerberus-colors-acheron-brand-70);\n    --cerberus-colors-action-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-action-ghost-hover: var(--cerberus-colors-acheron-brand-90);\n    --cerberus-colors-action-ghost-active: var(--cerberus-colors-acheron-brand-80);\n    --cerberus-colors-action-navigation-initial: var(--cerberus-colors-acheron-brand-60);\n    --cerberus-colors-action-navigation-hover: var(--cerberus-colors-acheron-brand-50);\n    --cerberus-colors-action-navigation-visited: var(--cerberus-colors-acheron-brand-70);\n    --cerberus-colors-action-text-100: var(--cerberus-colors-acheron-brand-50);\n    --cerberus-colors-action-text-200: var(--cerberus-colors-acheron-brand-40);\n    --cerberus-colors-action-text-initial: var(--cerberus-colors-acheron-brand-100);\n    --cerberus-colors-action-text-inverse: var(--cerberus-colors-acheron-brand-5);\n    --cerberus-colors-action-text-static: var(--cerberus-colors-acheron-brand-60);\n    --cerberus-colors-secondary-action-bg-initial: var(--cerberus-colors-acheron-accent-100);\n    --cerberus-colors-secondary-action-bg-hover: var(--cerberus-colors-acheron-accent-90);\n    --cerberus-colors-secondary-action-bg-active: var(--cerberus-colors-acheron-accent-60);\n    --cerberus-colors-secondary-action-border-100: var(--cerberus-colors-acheron-info-80);\n    --cerberus-colors-secondary-action-border-initial: var(--cerberus-colors-acheron-accent-60);\n    --cerberus-colors-secondary-action-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-secondary-action-ghost-hover: var(--cerberus-colors-acheron-accent-100);\n    --cerberus-colors-secondary-action-ghost-active: var(--cerberus-colors-acheron-accent-80);\n    --cerberus-colors-secondary-action-navigation-initial: var(--cerberus-colors-acheron-accent-60);\n    --cerberus-colors-secondary-action-navigation-hover: var(--cerberus-colors-cerberus-teal-50);\n    --cerberus-colors-secondary-action-navigation-visited: var(--cerberus-colors-acheron-info-70);\n    --cerberus-colors-secondary-action-text-100: var(--cerberus-colors-acheron-accent-60);\n    --cerberus-colors-secondary-action-text-200: var(--cerberus-colors-acheron-info-40);\n    --cerberus-colors-secondary-action-text-initial: var(--cerberus-colors-acheron-accent-50);\n    --cerberus-colors-secondary-action-text-static: var(--cerberus-colors-acheron-info-70);\n    --cerberus-colors-info-border-initial: var(--cerberus-colors-acheron-info-50);\n    --cerberus-colors-info-bg-initial: var(--cerberus-colors-acheron-info-70);\n    --cerberus-colors-info-bg-hover: var(--cerberus-colors-acheron-info-80);\n    --cerberus-colors-info-bg-active: var(--cerberus-colors-acheron-info-90);\n    --cerberus-colors-info-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-info-ghost-hover: var(--cerberus-colors-acheron-info-80);\n    --cerberus-colors-info-ghost-active: var(--cerberus-colors-acheron-info-70);\n    --cerberus-colors-info-surface-100: var(--cerberus-colors-acheron-info-90);\n    --cerberus-colors-info-surface-200: var(--cerberus-colors-acheron-info-70);\n    --cerberus-colors-info-surface-initial: var(--cerberus-colors-acheron-info-50);\n    --cerberus-colors-info-text-100: var(--cerberus-colors-acheron-info-30);\n    --cerberus-colors-info-text-200: var(--cerberus-colors-acheron-info-10);\n    --cerberus-colors-info-text-initial: var(--cerberus-colors-acheron-info-50);\n    --cerberus-colors-info-text-static: var(--cerberus-colors-acheron-info-60);\n    --cerberus-colors-success-border-initial: var(--cerberus-colors-acheron-success-60);\n    --cerberus-colors-success-bg-initial: var(--cerberus-colors-acheron-success-70);\n    --cerberus-colors-success-bg-hover: var(--cerberus-colors-acheron-success-60);\n    --cerberus-colors-success-bg-active: var(--cerberus-colors-acheron-success-50);\n    --cerberus-colors-success-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-success-ghost-hover: var(--cerberus-colors-acheron-success-90);\n    --cerberus-colors-success-ghost-active: var(--cerberus-colors-acheron-success-80);\n    --cerberus-colors-success-surface-100: var(--cerberus-colors-acheron-success-90);\n    --cerberus-colors-success-surface-200: var(--cerberus-colors-acheron-success-80);\n    --cerberus-colors-success-surface-initial: var(--cerberus-colors-acheron-success-60);\n    --cerberus-colors-success-text-100: var(--cerberus-colors-acheron-success-40);\n    --cerberus-colors-success-text-200: var(--cerberus-colors-acheron-success-10);\n    --cerberus-colors-success-text-initial: var(--cerberus-colors-acheron-success-10);\n    --cerberus-colors-success-text-inverse: var(--cerberus-colors-acheron-success-100);\n    --cerberus-colors-success-text-static: var(--cerberus-colors-acheron-success-70);\n    --cerberus-colors-warning-border-initial: var(--cerberus-colors-acheron-warning-30);\n    --cerberus-colors-warning-bg-initial: var(--cerberus-colors-acheron-warning-70);\n    --cerberus-colors-warning-bg-hover: var(--cerberus-colors-acheron-warning-60);\n    --cerberus-colors-warning-bg-active: var(--cerberus-colors-acheron-warning-40);\n    --cerberus-colors-warning-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-warning-ghost-hover: var(--cerberus-colors-acheron-warning-90);\n    --cerberus-colors-warning-ghost-active: var(--cerberus-colors-acheron-warning-80);\n    --cerberus-colors-warning-surface-100: var(--cerberus-colors-acheron-warning-90);\n    --cerberus-colors-warning-surface-200: var(--cerberus-colors-acheron-warning-60);\n    --cerberus-colors-warning-surface-initial: var(--cerberus-colors-acheron-warning-70);\n    --cerberus-colors-warning-text-100: var(--cerberus-colors-acheron-warning-30);\n    --cerberus-colors-warning-text-200: var(--cerberus-colors-acheron-warning-100);\n    --cerberus-colors-warning-text-initial: var(--cerberus-colors-acheron-warning-40);\n    --cerberus-colors-warning-text-inverse: var(--cerberus-colors-acheron-warning-100);\n    --cerberus-colors-warning-text-static: var(--cerberus-colors-acheron-warning-80);\n    --cerberus-colors-danger-bg-initial: var(--cerberus-colors-acheron-danger-80);\n    --cerberus-colors-danger-bg-hover: var(--cerberus-colors-acheron-danger-50);\n    --cerberus-colors-danger-bg-active: var(--cerberus-colors-acheron-danger-40);\n    --cerberus-colors-danger-border-initial: var(--cerberus-colors-acheron-danger-40);\n    --cerberus-colors-danger-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n    --cerberus-colors-danger-ghost-hover: var(--cerberus-colors-acheron-danger-80);\n    --cerberus-colors-danger-ghost-active: var(--cerberus-colors-acheron-danger-70);\n    --cerberus-colors-danger-surface-100: var(--cerberus-colors-acheron-danger-90);\n    --cerberus-colors-danger-surface-200: var(--cerberus-colors-acheron-danger-70);\n    --cerberus-colors-danger-surface-initial: var(--cerberus-colors-acheron-danger-60);\n    --cerberus-colors-danger-text-100: var(--cerberus-colors-acheron-danger-30);\n    --cerberus-colors-danger-text-200: var(--cerberus-colors-acheron-danger-10);\n    --cerberus-colors-danger-text-initial: var(--cerberus-colors-acheron-danger-60);\n    --cerberus-colors-danger-text-inverse: var(--cerberus-colors-acheron-danger-90);\n    --cerberus-colors-danger-text-static: var(--cerberus-colors-acheron-danger-80);\n    --cerberus-colors-gradient-charon-light-text-initial: var(--cerberus-colors-acheron-brand-90);\n    --cerberus-colors-gradient-charon-dark-text-initial: var(--cerberus-colors-acheron-brand-20);\n    --cerberus-colors-gradient-nyx-light-text-initial: var(--cerberus-colors-acheron-neutral-90);\n    --cerberus-colors-gradient-nyx-dark-text-initial: var(--cerberus-colors-acheron-neutral-20);\n    --cerberus-colors-gradient-amphiaraus-light-text-initial: var(--cerberus-colors-acheron-info-80);\n    --cerberus-colors-gradient-amphiaraus-dark-text-initial: var(--cerberus-colors-acheron-info-20);\n    --cerberus-colors-gradient-styx-light-text-initial: var(--cerberus-colors-acheron-accent-90);\n    --cerberus-colors-gradient-styx-dark-text-initial: var(--cerberus-colors-acheron-accent-10);\n    --cerberus-colors-gradient-thanatos-light-text-initial: var(--cerberus-colors-acheron-success-80);\n    --cerberus-colors-gradient-thanatos-dark-text-initial: var(--cerberus-colors-acheron-success-20);\n    --cerberus-colors-gradient-hades-light-text-initial: var(--cerberus-colors-acheron-danger-80);\n    --cerberus-colors-gradient-hades-dark-text-initial: var(--cerberus-colors-acheron-danger-10);\n    --cerberus-colors-gradient-asphodel-light-text-initial: var(--cerberus-colors-acheron-warning-90);\n    --cerberus-colors-gradient-asphodel-dark-text-initial: var(--cerberus-colors-acheron-warning-100);\n    --cerberus-colors-data-viz-diverging-50: var(--cerberus-colors-cerberus-warning-60);\n    --cerberus-colors-data-viz-diverging-100: var(--cerberus-colors-cerberus-warning-50);\n    --cerberus-colors-data-viz-diverging-200: var(--cerberus-colors-cerberus-warning-40);\n    --cerberus-colors-data-viz-diverging-300: var(--cerberus-colors-cerberus-warning-30);\n    --cerberus-colors-data-viz-diverging-400: var(--cerberus-colors-cerberus-warning-20);\n    --cerberus-colors-data-viz-diverging-500: var(--cerberus-colors-cerberus-neutral-5);\n    --cerberus-colors-data-viz-diverging-600: var(--cerberus-colors-cerberus-brand-30);\n    --cerberus-colors-data-viz-diverging-700: var(--cerberus-colors-cerberus-brand-40);\n    --cerberus-colors-data-viz-diverging-800: var(--cerberus-colors-cerberus-brand-50);\n    --cerberus-colors-data-viz-diverging-900: var(--cerberus-colors-cerberus-brand-60);\n    --cerberus-colors-data-viz-sequential-100: var(--cerberus-colors-acheron-brand-80);\n    --cerberus-colors-data-viz-sequential-200: var(--cerberus-colors-acheron-brand-70);\n    --cerberus-colors-data-viz-sequential-300: var(--cerberus-colors-acheron-brand-60);\n    --cerberus-colors-data-viz-sequential-400: var(--cerberus-colors-acheron-brand-40);\n    --cerberus-colors-data-viz-sequential-500: var(--cerberus-colors-acheron-brand-30);\n    --cerberus-colors-data-viz-sequential-600: var(--cerberus-colors-acheron-brand-10);\n    --cerberus-colors-data-viz-qualitative-100: var(--cerberus-colors-acheron-brand-60);\n    --cerberus-colors-data-viz-qualitative-200: var(--cerberus-colors-acheron-accent-70);\n    --cerberus-colors-data-viz-qualitative-300: var(--cerberus-colors-acheron-warning-60);\n    --cerberus-colors-data-viz-qualitative-400: var(--cerberus-colors-acheron-success-50);\n    --cerberus-colors-data-viz-qualitative-500: var(--cerberus-colors-acheron-info-60);\n    --cerberus-colors-data-viz-qualitative-600: var(--cerberus-colors-acheron-danger-50);\n    --cerberus-colors-data-viz-qualitative-700: var(--cerberus-colors-acheron-neutral-30);\n    --cerberus-colors-data-viz-progress-start: var(--cerberus-colors-acheron-brand-60);\n    --cerberus-colors-data-viz-progress-end: var(--cerberus-colors-acheron-brand-80);\n    --cerberus-colors-data-viz-progress-complete: var(--cerberus-colors-acheron-success-60)\n}\n\n[data-panda-theme=acheron]:where([data-color-mode=light], .light) {\n      --cerberus-colors-page-backdrop-initial: rgba(106, 103, 100, 0.50);\n      --cerberus-colors-page-bg-100: var(--cerberus-colors-acheron-neutral-10);\n      --cerberus-colors-page-bg-200: var(--cerberus-colors-acheron-neutral-20);\n      --cerberus-colors-page-bg-initial: var(--cerberus-colors-acheron-brand-5);\n      --cerberus-colors-page-border-100: var(--cerberus-colors-acheron-neutral-30);\n      --cerberus-colors-page-border-200: var(--cerberus-colors-acheron-neutral-60);\n      --cerberus-colors-page-border-initial: var(--cerberus-colors-acheron-neutral-20);\n      --cerberus-colors-page-surface-100: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-page-surface-200: var(--cerberus-colors-acheron-neutral-10);\n      --cerberus-colors-page-surface-300: var(--cerberus-colors-acheron-neutral-20);\n      --cerberus-colors-page-surface-initial: var(--cerberus-colors-acheron-neutral-0);\n      --cerberus-colors-page-surface-inverse: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-page-text-100: var(--cerberus-colors-acheron-neutral-50);\n      --cerberus-colors-page-text-200: var(--cerberus-colors-acheron-neutral-60);\n      --cerberus-colors-page-text-300: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-page-text-initial: var(--cerberus-colors-acheron-neutral-90);\n      --cerberus-colors-page-text-inverse: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-action-bg-initial: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-action-bg-hover: var(--cerberus-colors-acheron-brand-50);\n      --cerberus-colors-action-bg-active: var(--cerberus-colors-acheron-brand-40);\n      --cerberus-colors-action-border-100: var(--cerberus-colors-acheron-neutral-50);\n      --cerberus-colors-action-border-initial: var(--cerberus-colors-acheron-brand-80);\n      --cerberus-colors-action-border-focus: var(--cerberus-colors-acheron-brand-70);\n      --cerberus-colors-action-ghost-initial: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-action-ghost-hover: var(--cerberus-colors-acheron-brand-20);\n      --cerberus-colors-action-ghost-active: var(--cerberus-colors-acheron-brand-30);\n      --cerberus-colors-action-navigation-initial: var(--cerberus-colors-acheron-brand-80);\n      --cerberus-colors-action-navigation-hover: var(--cerberus-colors-acheron-brand-70);\n      --cerberus-colors-action-navigation-visited: var(--cerberus-colors-acheron-brand-90);\n      --cerberus-colors-action-text-100: var(--cerberus-colors-acheron-brand-80);\n      --cerberus-colors-action-text-200: var(--cerberus-colors-acheron-brand-90);\n      --cerberus-colors-action-text-initial: var(--cerberus-colors-acheron-brand-100);\n      --cerberus-colors-action-text-inverse: var(--cerberus-colors-acheron-brand-100);\n      --cerberus-colors-action-text-static: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-secondary-action-bg-initial: var(--cerberus-colors-acheron-accent-30);\n      --cerberus-colors-secondary-action-bg-hover: var(--cerberus-colors-acheron-accent-40);\n      --cerberus-colors-secondary-action-bg-active: var(--cerberus-colors-acheron-accent-50);\n      --cerberus-colors-secondary-action-border-100: var(--cerberus-colors-acheron-info-90);\n      --cerberus-colors-secondary-action-border-initial: var(--cerberus-colors-acheron-accent-80);\n      --cerberus-colors-secondary-action-ghost-initial: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-secondary-action-ghost-hover: var(--cerberus-colors-acheron-accent-10);\n      --cerberus-colors-secondary-action-ghost-active: var(--cerberus-colors-acheron-accent-20);\n      --cerberus-colors-secondary-action-navigation-initial: var(--cerberus-colors-acheron-accent-70);\n      --cerberus-colors-secondary-action-navigation-hover: var(--cerberus-colors-cerberus-teal-90);\n      --cerberus-colors-secondary-action-navigation-visited: var(--cerberus-colors-acheron-info-90);\n      --cerberus-colors-secondary-action-text-100: var(--cerberus-colors-acheron-accent-90);\n      --cerberus-colors-secondary-action-text-200: var(--cerberus-colors-acheron-info-70);\n      --cerberus-colors-secondary-action-text-initial: var(--cerberus-colors-acheron-accent-80);\n      --cerberus-colors-secondary-action-text-static: var(--cerberus-colors-acheron-accent-70);\n      --cerberus-colors-info-border-initial: var(--cerberus-colors-acheron-info-60);\n      --cerberus-colors-info-bg-initial: var(--cerberus-colors-acheron-info-30);\n      --cerberus-colors-info-bg-hover: var(--cerberus-colors-acheron-info-20);\n      --cerberus-colors-info-bg-active: var(--cerberus-colors-acheron-info-50);\n      --cerberus-colors-info-ghost-initial: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-info-ghost-hover: var(--cerberus-colors-acheron-info-20);\n      --cerberus-colors-info-ghost-active: var(--cerberus-colors-acheron-info-30);\n      --cerberus-colors-info-surface-100: var(--cerberus-colors-acheron-info-20);\n      --cerberus-colors-info-surface-200: var(--cerberus-colors-acheron-info-50);\n      --cerberus-colors-info-surface-initial: var(--cerberus-colors-acheron-info-30);\n      --cerberus-colors-info-text-100: var(--cerberus-colors-acheron-info-80);\n      --cerberus-colors-info-text-200: var(--cerberus-colors-acheron-info-100);\n      --cerberus-colors-info-text-initial: var(--cerberus-colors-acheron-info-70);\n      --cerberus-colors-info-text-static: var(--cerberus-colors-acheron-info-60);\n      --cerberus-colors-success-border-initial: var(--cerberus-colors-acheron-success-70);\n      --cerberus-colors-success-bg-initial: var(--cerberus-colors-acheron-success-60);\n      --cerberus-colors-success-bg-hover: var(--cerberus-colors-acheron-success-70);\n      --cerberus-colors-success-bg-active: var(--cerberus-colors-acheron-success-80);\n      --cerberus-colors-success-ghost-initial: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-success-ghost-hover: var(--cerberus-colors-acheron-success-10);\n      --cerberus-colors-success-ghost-active: var(--cerberus-colors-acheron-success-20);\n      --cerberus-colors-success-surface-100: var(--cerberus-colors-acheron-success-30);\n      --cerberus-colors-success-surface-200: var(--cerberus-colors-acheron-success-60);\n      --cerberus-colors-success-surface-initial: var(--cerberus-colors-acheron-success-50);\n      --cerberus-colors-success-text-100: var(--cerberus-colors-acheron-success-80);\n      --cerberus-colors-success-text-200: var(--cerberus-colors-acheron-success-100);\n      --cerberus-colors-success-text-initial: var(--cerberus-colors-acheron-success-100);\n      --cerberus-colors-success-text-inverse: var(--cerberus-colors-acheron-success-10);\n      --cerberus-colors-success-text-static: var(--cerberus-colors-acheron-success-70);\n      --cerberus-colors-warning-border-initial: var(--cerberus-colors-acheron-warning-50);\n      --cerberus-colors-warning-bg-initial: var(--cerberus-colors-acheron-warning-50);\n      --cerberus-colors-warning-bg-hover: var(--cerberus-colors-acheron-warning-60);\n      --cerberus-colors-warning-bg-active: var(--cerberus-colors-acheron-warning-70);\n      --cerberus-colors-warning-ghost-initial: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-warning-ghost-hover: var(--cerberus-colors-acheron-warning-20);\n      --cerberus-colors-warning-ghost-active: var(--cerberus-colors-acheron-warning-30);\n      --cerberus-colors-warning-surface-100: var(--cerberus-colors-acheron-warning-20);\n      --cerberus-colors-warning-surface-200: var(--cerberus-colors-acheron-warning-50);\n      --cerberus-colors-warning-surface-initial: var(--cerberus-colors-acheron-warning-40);\n      --cerberus-colors-warning-text-100: var(--cerberus-colors-acheron-warning-90);\n      --cerberus-colors-warning-text-200: var(--cerberus-colors-acheron-warning-100);\n      --cerberus-colors-warning-text-initial: var(--cerberus-colors-acheron-warning-90);\n      --cerberus-colors-warning-text-inverse: var(--cerberus-colors-acheron-warning-20);\n      --cerberus-colors-warning-text-static: var(--cerberus-colors-acheron-warning-80);\n      --cerberus-colors-danger-bg-initial: var(--cerberus-colors-acheron-danger-60);\n      --cerberus-colors-danger-bg-hover: var(--cerberus-colors-acheron-danger-80);\n      --cerberus-colors-danger-bg-active: var(--cerberus-colors-acheron-danger-90);\n      --cerberus-colors-danger-border-initial: var(--cerberus-colors-acheron-danger-70);\n      --cerberus-colors-danger-ghost-initial: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-danger-ghost-hover: var(--cerberus-colors-acheron-danger-20);\n      --cerberus-colors-danger-ghost-active: var(--cerberus-colors-acheron-danger-30);\n      --cerberus-colors-danger-surface-100: var(--cerberus-colors-acheron-danger-10);\n      --cerberus-colors-danger-surface-200: var(--cerberus-colors-acheron-danger-60);\n      --cerberus-colors-danger-surface-initial: var(--cerberus-colors-acheron-danger-30);\n      --cerberus-colors-danger-text-100: var(--cerberus-colors-acheron-danger-80);\n      --cerberus-colors-danger-text-200: var(--cerberus-colors-acheron-danger-100);\n      --cerberus-colors-danger-text-initial: var(--cerberus-colors-acheron-danger-70);\n      --cerberus-colors-danger-text-inverse: var(--cerberus-colors-acheron-danger-10);\n      --cerberus-colors-danger-text-static: var(--cerberus-colors-acheron-danger-80);\n      --cerberus-colors-gradient-charon-light-text-initial: var(--cerberus-colors-acheron-brand-90);\n      --cerberus-colors-gradient-charon-dark-text-initial: var(--cerberus-colors-acheron-brand-20);\n      --cerberus-colors-gradient-nyx-light-text-initial: var(--cerberus-colors-acheron-neutral-90);\n      --cerberus-colors-gradient-nyx-dark-text-initial: var(--cerberus-colors-acheron-neutral-20);\n      --cerberus-colors-gradient-amphiaraus-light-text-initial: var(--cerberus-colors-acheron-info-80);\n      --cerberus-colors-gradient-amphiaraus-dark-text-initial: var(--cerberus-colors-acheron-info-20);\n      --cerberus-colors-gradient-styx-light-text-initial: var(--cerberus-colors-acheron-accent-90);\n      --cerberus-colors-gradient-styx-dark-text-initial: var(--cerberus-colors-acheron-accent-10);\n      --cerberus-colors-gradient-thanatos-light-text-initial: var(--cerberus-colors-acheron-success-80);\n      --cerberus-colors-gradient-thanatos-dark-text-initial: var(--cerberus-colors-acheron-success-20);\n      --cerberus-colors-gradient-hades-light-text-initial: var(--cerberus-colors-acheron-danger-80);\n      --cerberus-colors-gradient-hades-dark-text-initial: var(--cerberus-colors-acheron-danger-10);\n      --cerberus-colors-gradient-asphodel-light-text-initial: var(--cerberus-colors-acheron-warning-90);\n      --cerberus-colors-gradient-asphodel-dark-text-initial: var(--cerberus-colors-acheron-warning-100);\n      --cerberus-colors-data-viz-diverging-50: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-data-viz-diverging-100: var(--cerberus-colors-acheron-brand-50);\n      --cerberus-colors-data-viz-diverging-200: var(--cerberus-colors-acheron-brand-40);\n      --cerberus-colors-data-viz-diverging-300: var(--cerberus-colors-acheron-brand-30);\n      --cerberus-colors-data-viz-diverging-400: var(--cerberus-colors-acheron-brand-20);\n      --cerberus-colors-data-viz-diverging-500: var(--cerberus-colors-acheron-neutral-5);\n      --cerberus-colors-data-viz-diverging-600: var(--cerberus-colors-acheron-info-30);\n      --cerberus-colors-data-viz-diverging-700: var(--cerberus-colors-acheron-info-40);\n      --cerberus-colors-data-viz-diverging-800: var(--cerberus-colors-acheron-info-60);\n      --cerberus-colors-data-viz-diverging-900: var(--cerberus-colors-acheron-info-70);\n      --cerberus-colors-data-viz-sequential-100: var(--cerberus-colors-acheron-brand-20);\n      --cerberus-colors-data-viz-sequential-200: var(--cerberus-colors-acheron-brand-40);\n      --cerberus-colors-data-viz-sequential-300: var(--cerberus-colors-acheron-brand-50);\n      --cerberus-colors-data-viz-sequential-400: var(--cerberus-colors-acheron-brand-70);\n      --cerberus-colors-data-viz-sequential-500: var(--cerberus-colors-acheron-brand-80);\n      --cerberus-colors-data-viz-sequential-600: var(--cerberus-colors-acheron-brand-90);\n      --cerberus-colors-data-viz-qualitative-100: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-data-viz-qualitative-200: var(--cerberus-colors-acheron-accent-70);\n      --cerberus-colors-data-viz-qualitative-300: var(--cerberus-colors-acheron-warning-60);\n      --cerberus-colors-data-viz-qualitative-400: var(--cerberus-colors-acheron-success-50);\n      --cerberus-colors-data-viz-qualitative-500: var(--cerberus-colors-acheron-info-60);\n      --cerberus-colors-data-viz-qualitative-600: var(--cerberus-colors-acheron-danger-50);\n      --cerberus-colors-data-viz-qualitative-700: var(--cerberus-colors-acheron-neutral-30);\n      --cerberus-colors-data-viz-progress-start: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-data-viz-progress-end: var(--cerberus-colors-acheron-brand-80);\n      --cerberus-colors-data-viz-progress-complete: var(--cerberus-colors-acheron-success-60)\n        }\n\n[data-panda-theme=acheron]:where([data-color-mode=dark], .dark) {\n      --cerberus-colors-page-backdrop-initial: rgba(27, 26, 25, 0.50);\n      --cerberus-colors-page-bg-100: var(--cerberus-colors-acheron-neutral-80);\n      --cerberus-colors-page-bg-200: var(--cerberus-colors-acheron-neutral-70);\n      --cerberus-colors-page-bg-initial: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-page-border-100: var(--cerberus-colors-acheron-neutral-80);\n      --cerberus-colors-page-border-200: var(--cerberus-colors-acheron-neutral-50);\n      --cerberus-colors-page-border-initial: var(--cerberus-colors-acheron-neutral-70);\n      --cerberus-colors-page-surface-100: var(--cerberus-colors-acheron-neutral-90);\n      --cerberus-colors-page-surface-200: var(--cerberus-colors-acheron-neutral-80);\n      --cerberus-colors-page-surface-300: var(--cerberus-colors-acheron-neutral-70);\n      --cerberus-colors-page-surface-initial: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-page-surface-inverse: var(--cerberus-colors-acheron-neutral-5);\n      --cerberus-colors-page-text-100: var(--cerberus-colors-acheron-neutral-40);\n      --cerberus-colors-page-text-200: var(--cerberus-colors-acheron-neutral-20);\n      --cerberus-colors-page-text-300: var(--cerberus-colors-acheron-neutral-white);\n      --cerberus-colors-page-text-initial: var(--cerberus-colors-acheron-neutral-5);\n      --cerberus-colors-page-text-inverse: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-action-bg-initial: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-action-bg-hover: var(--cerberus-colors-acheron-brand-50);\n      --cerberus-colors-action-bg-active: var(--cerberus-colors-acheron-brand-40);\n      --cerberus-colors-action-border-100: var(--cerberus-colors-acheron-neutral-50);\n      --cerberus-colors-action-border-initial: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-action-border-focus: var(--cerberus-colors-acheron-brand-70);\n      --cerberus-colors-action-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-action-ghost-hover: var(--cerberus-colors-acheron-brand-90);\n      --cerberus-colors-action-ghost-active: var(--cerberus-colors-acheron-brand-80);\n      --cerberus-colors-action-navigation-initial: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-action-navigation-hover: var(--cerberus-colors-acheron-brand-50);\n      --cerberus-colors-action-navigation-visited: var(--cerberus-colors-acheron-brand-70);\n      --cerberus-colors-action-text-100: var(--cerberus-colors-acheron-brand-50);\n      --cerberus-colors-action-text-200: var(--cerberus-colors-acheron-brand-40);\n      --cerberus-colors-action-text-initial: var(--cerberus-colors-acheron-brand-100);\n      --cerberus-colors-action-text-inverse: var(--cerberus-colors-acheron-brand-5);\n      --cerberus-colors-action-text-static: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-secondary-action-bg-initial: var(--cerberus-colors-acheron-accent-100);\n      --cerberus-colors-secondary-action-bg-hover: var(--cerberus-colors-acheron-accent-90);\n      --cerberus-colors-secondary-action-bg-active: var(--cerberus-colors-acheron-accent-60);\n      --cerberus-colors-secondary-action-border-100: var(--cerberus-colors-acheron-info-80);\n      --cerberus-colors-secondary-action-border-initial: var(--cerberus-colors-acheron-accent-60);\n      --cerberus-colors-secondary-action-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-secondary-action-ghost-hover: var(--cerberus-colors-acheron-accent-100);\n      --cerberus-colors-secondary-action-ghost-active: var(--cerberus-colors-acheron-accent-80);\n      --cerberus-colors-secondary-action-navigation-initial: var(--cerberus-colors-acheron-accent-60);\n      --cerberus-colors-secondary-action-navigation-hover: var(--cerberus-colors-cerberus-teal-50);\n      --cerberus-colors-secondary-action-navigation-visited: var(--cerberus-colors-acheron-info-70);\n      --cerberus-colors-secondary-action-text-100: var(--cerberus-colors-acheron-accent-60);\n      --cerberus-colors-secondary-action-text-200: var(--cerberus-colors-acheron-info-40);\n      --cerberus-colors-secondary-action-text-initial: var(--cerberus-colors-acheron-accent-50);\n      --cerberus-colors-secondary-action-text-static: var(--cerberus-colors-acheron-info-70);\n      --cerberus-colors-info-border-initial: var(--cerberus-colors-acheron-info-50);\n      --cerberus-colors-info-bg-initial: var(--cerberus-colors-acheron-info-70);\n      --cerberus-colors-info-bg-hover: var(--cerberus-colors-acheron-info-80);\n      --cerberus-colors-info-bg-active: var(--cerberus-colors-acheron-info-90);\n      --cerberus-colors-info-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-info-ghost-hover: var(--cerberus-colors-acheron-info-80);\n      --cerberus-colors-info-ghost-active: var(--cerberus-colors-acheron-info-70);\n      --cerberus-colors-info-surface-100: var(--cerberus-colors-acheron-info-90);\n      --cerberus-colors-info-surface-200: var(--cerberus-colors-acheron-info-70);\n      --cerberus-colors-info-surface-initial: var(--cerberus-colors-acheron-info-50);\n      --cerberus-colors-info-text-100: var(--cerberus-colors-acheron-info-30);\n      --cerberus-colors-info-text-200: var(--cerberus-colors-acheron-info-10);\n      --cerberus-colors-info-text-initial: var(--cerberus-colors-acheron-info-50);\n      --cerberus-colors-info-text-static: var(--cerberus-colors-acheron-info-60);\n      --cerberus-colors-success-border-initial: var(--cerberus-colors-acheron-success-60);\n      --cerberus-colors-success-bg-initial: var(--cerberus-colors-acheron-success-70);\n      --cerberus-colors-success-bg-hover: var(--cerberus-colors-acheron-success-60);\n      --cerberus-colors-success-bg-active: var(--cerberus-colors-acheron-success-50);\n      --cerberus-colors-success-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-success-ghost-hover: var(--cerberus-colors-acheron-success-90);\n      --cerberus-colors-success-ghost-active: var(--cerberus-colors-acheron-success-80);\n      --cerberus-colors-success-surface-100: var(--cerberus-colors-acheron-success-90);\n      --cerberus-colors-success-surface-200: var(--cerberus-colors-acheron-success-80);\n      --cerberus-colors-success-surface-initial: var(--cerberus-colors-acheron-success-60);\n      --cerberus-colors-success-text-100: var(--cerberus-colors-acheron-success-40);\n      --cerberus-colors-success-text-200: var(--cerberus-colors-acheron-success-10);\n      --cerberus-colors-success-text-initial: var(--cerberus-colors-acheron-success-10);\n      --cerberus-colors-success-text-inverse: var(--cerberus-colors-acheron-success-100);\n      --cerberus-colors-success-text-static: var(--cerberus-colors-acheron-success-70);\n      --cerberus-colors-warning-border-initial: var(--cerberus-colors-acheron-warning-30);\n      --cerberus-colors-warning-bg-initial: var(--cerberus-colors-acheron-warning-70);\n      --cerberus-colors-warning-bg-hover: var(--cerberus-colors-acheron-warning-60);\n      --cerberus-colors-warning-bg-active: var(--cerberus-colors-acheron-warning-40);\n      --cerberus-colors-warning-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-warning-ghost-hover: var(--cerberus-colors-acheron-warning-90);\n      --cerberus-colors-warning-ghost-active: var(--cerberus-colors-acheron-warning-80);\n      --cerberus-colors-warning-surface-100: var(--cerberus-colors-acheron-warning-90);\n      --cerberus-colors-warning-surface-200: var(--cerberus-colors-acheron-warning-60);\n      --cerberus-colors-warning-surface-initial: var(--cerberus-colors-acheron-warning-70);\n      --cerberus-colors-warning-text-100: var(--cerberus-colors-acheron-warning-30);\n      --cerberus-colors-warning-text-200: var(--cerberus-colors-acheron-warning-100);\n      --cerberus-colors-warning-text-initial: var(--cerberus-colors-acheron-warning-40);\n      --cerberus-colors-warning-text-inverse: var(--cerberus-colors-acheron-warning-100);\n      --cerberus-colors-warning-text-static: var(--cerberus-colors-acheron-warning-80);\n      --cerberus-colors-danger-bg-initial: var(--cerberus-colors-acheron-danger-80);\n      --cerberus-colors-danger-bg-hover: var(--cerberus-colors-acheron-danger-50);\n      --cerberus-colors-danger-bg-active: var(--cerberus-colors-acheron-danger-40);\n      --cerberus-colors-danger-border-initial: var(--cerberus-colors-acheron-danger-40);\n      --cerberus-colors-danger-ghost-initial: var(--cerberus-colors-acheron-neutral-100);\n      --cerberus-colors-danger-ghost-hover: var(--cerberus-colors-acheron-danger-80);\n      --cerberus-colors-danger-ghost-active: var(--cerberus-colors-acheron-danger-70);\n      --cerberus-colors-danger-surface-100: var(--cerberus-colors-acheron-danger-90);\n      --cerberus-colors-danger-surface-200: var(--cerberus-colors-acheron-danger-70);\n      --cerberus-colors-danger-surface-initial: var(--cerberus-colors-acheron-danger-60);\n      --cerberus-colors-danger-text-100: var(--cerberus-colors-acheron-danger-30);\n      --cerberus-colors-danger-text-200: var(--cerberus-colors-acheron-danger-10);\n      --cerberus-colors-danger-text-initial: var(--cerberus-colors-acheron-danger-60);\n      --cerberus-colors-danger-text-inverse: var(--cerberus-colors-acheron-danger-90);\n      --cerberus-colors-danger-text-static: var(--cerberus-colors-acheron-danger-80);\n      --cerberus-colors-gradient-charon-light-text-initial: var(--cerberus-colors-acheron-brand-90);\n      --cerberus-colors-gradient-charon-dark-text-initial: var(--cerberus-colors-acheron-brand-20);\n      --cerberus-colors-gradient-nyx-light-text-initial: var(--cerberus-colors-acheron-neutral-90);\n      --cerberus-colors-gradient-nyx-dark-text-initial: var(--cerberus-colors-acheron-neutral-20);\n      --cerberus-colors-gradient-amphiaraus-light-text-initial: var(--cerberus-colors-acheron-info-80);\n      --cerberus-colors-gradient-amphiaraus-dark-text-initial: var(--cerberus-colors-acheron-info-20);\n      --cerberus-colors-gradient-styx-light-text-initial: var(--cerberus-colors-acheron-accent-90);\n      --cerberus-colors-gradient-styx-dark-text-initial: var(--cerberus-colors-acheron-accent-10);\n      --cerberus-colors-gradient-thanatos-light-text-initial: var(--cerberus-colors-acheron-success-80);\n      --cerberus-colors-gradient-thanatos-dark-text-initial: var(--cerberus-colors-acheron-success-20);\n      --cerberus-colors-gradient-hades-light-text-initial: var(--cerberus-colors-acheron-danger-80);\n      --cerberus-colors-gradient-hades-dark-text-initial: var(--cerberus-colors-acheron-danger-10);\n      --cerberus-colors-gradient-asphodel-light-text-initial: var(--cerberus-colors-acheron-warning-90);\n      --cerberus-colors-gradient-asphodel-dark-text-initial: var(--cerberus-colors-acheron-warning-100);\n      --cerberus-colors-data-viz-diverging-50: var(--cerberus-colors-cerberus-warning-60);\n      --cerberus-colors-data-viz-diverging-100: var(--cerberus-colors-cerberus-warning-50);\n      --cerberus-colors-data-viz-diverging-200: var(--cerberus-colors-cerberus-warning-40);\n      --cerberus-colors-data-viz-diverging-300: var(--cerberus-colors-cerberus-warning-30);\n      --cerberus-colors-data-viz-diverging-400: var(--cerberus-colors-cerberus-warning-20);\n      --cerberus-colors-data-viz-diverging-500: var(--cerberus-colors-cerberus-neutral-5);\n      --cerberus-colors-data-viz-diverging-600: var(--cerberus-colors-cerberus-brand-30);\n      --cerberus-colors-data-viz-diverging-700: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-data-viz-diverging-800: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-data-viz-diverging-900: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-data-viz-sequential-100: var(--cerberus-colors-acheron-brand-80);\n      --cerberus-colors-data-viz-sequential-200: var(--cerberus-colors-acheron-brand-70);\n      --cerberus-colors-data-viz-sequential-300: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-data-viz-sequential-400: var(--cerberus-colors-acheron-brand-40);\n      --cerberus-colors-data-viz-sequential-500: var(--cerberus-colors-acheron-brand-30);\n      --cerberus-colors-data-viz-sequential-600: var(--cerberus-colors-acheron-brand-10);\n      --cerberus-colors-data-viz-qualitative-100: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-data-viz-qualitative-200: var(--cerberus-colors-acheron-accent-70);\n      --cerberus-colors-data-viz-qualitative-300: var(--cerberus-colors-acheron-warning-60);\n      --cerberus-colors-data-viz-qualitative-400: var(--cerberus-colors-acheron-success-50);\n      --cerberus-colors-data-viz-qualitative-500: var(--cerberus-colors-acheron-info-60);\n      --cerberus-colors-data-viz-qualitative-600: var(--cerberus-colors-acheron-danger-50);\n      --cerberus-colors-data-viz-qualitative-700: var(--cerberus-colors-acheron-neutral-30);\n      --cerberus-colors-data-viz-progress-start: var(--cerberus-colors-acheron-brand-60);\n      --cerberus-colors-data-viz-progress-end: var(--cerberus-colors-acheron-brand-80);\n      --cerberus-colors-data-viz-progress-complete: var(--cerberus-colors-acheron-success-60)\n        }"
}