@import '@astryxdesign/core/astryx.css';

[data-reports-astryx] {
  --color-background-body: var(--mod-color-bg);
  --color-background-surface: var(--mod-color-surface);
  --color-background-muted: var(--mod-color-surface-raised);
  --color-text-primary: var(--mod-color-fg);
  --color-text-secondary: var(--mod-color-fg-muted);
  --color-text-disabled: var(--mod-color-fg-subtle);
  --color-text-accent: var(--mod-color-accent);
  --color-border: var(--mod-color-border);
  --color-border-emphasized: var(--mod-color-border-strong);
  --color-accent: var(--mod-color-accent);
  --color-accent-muted: var(--mod-color-surface-raised);
  --color-success: var(--mod-color-success);
  --color-warning: var(--mod-color-warning);
  --color-error: var(--mod-color-danger);
  --color-icon-secondary: var(--mod-color-fg-muted);
  --color-icon-disabled: var(--mod-color-fg-subtle);
  --color-overlay: var(--mod-color-bg);
  --color-hover: var(--mod-color-surface-raised);
  --color-pressed: var(--mod-color-surface-raised);
  --color-syntax-background: var(--mod-color-surface-raised);
  --color-syntax-comment: var(--mod-color-fg-muted);
  --color-syntax-punctuation: var(--mod-color-fg-subtle);
  --color-syntax-variable: var(--mod-color-fg);
  --radius-inner: var(--mod-radius-sm);
  --radius-element: var(--mod-radius-md);
  --radius-container: var(--mod-radius-lg);
  --radius-full: var(--mod-radius-full);
}