@import url('tokens.css');
@import url('base.css');

main.theme-dark,
.theme-dark main {
  --bg-page: var(--color-void-charcoal-1000);
  --bg-elevated: var(--color-void-charcoal-900);
  --bg-card: var(--color-void-charcoal-800);
  --text-primary: var(--color-pulsar-white-1000);
  --text-secondary: var(--color-surface-light-1000);
  --text-muted: var(--color-signal-grey-700);

  --heading: var(--color-xevor-flare-1000);
  --subheading: var(--color-xevor-flare-800);
  --wordmark: var(--color-xevor-flare-1000);
  --subtitle: var(--color-pulsar-white-1000);
  --label: var(--color-xevor-flare-1000);
  --signal: var(--color-nexa-cluster-1000);
  --link: var(--color-xevor-flare-1000);
  --link-hover: var(--color-xevor-flare-800);
  --nav-hover-text: var(--color-xevor-flare-1000);
  --accent: var(--color-xevor-flare-1000);
  --accent-hover: var(--color-xevor-flare-800);
  --accent-text: var(--color-singularity-black-1000);
  --table-heading: var(--color-pulsar-white-1000);
  --table-row-bg: var(--color-void-charcoal-800);
  --table-header-bg: var(--color-void-charcoal-900);
  --icon-color: var(--color-surface-light-1000);

  /* Legacy surface aliases */
  --void-950: var(--color-void-charcoal-1000);
  --void-900: var(--color-void-charcoal-1000);
  --void-800: var(--color-void-charcoal-950);
  --void-700: var(--color-void-charcoal-900);
  --pulsar-white: var(--color-pulsar-white-1000);
  --surface-soft: var(--color-surface-light-1000);
  --surface-light: var(--color-surface-light-700);
  --signal-gray-soft: var(--color-signal-grey-700);

  /* Assets */
  --menu-icon-url: url('../../../assets/logos/Dark Theme/xevornexa_icon_white.svg');
  --footer-logo-filter: none;
}