/* A26 Web Design System — Dark Theme — v1.0.0-alpha.0005 */
@layer a26.tokens.theme {
  :root[data-theme="dark"] {
    color-scheme: dark;
    --a26-text-primary: var(--a26-label-dark-primary);
    --a26-text-secondary: var(--a26-label-dark-secondary);
    --a26-text-tertiary: var(--a26-label-dark-tertiary);
    --a26-text-quaternary: var(--a26-label-dark-quaternary);

    --a26-bg-app: var(--a26-bg-grouped-dark-base-primary);
    --a26-bg-pane: var(--a26-bg-grouped-dark-base-primary);
    --a26-bg-surface: var(--a26-bg-grouped-dark-base-secondary);
    --a26-bg-surface-secondary: var(--a26-bg-grouped-dark-base-tertiary);
    --a26-bg-elevated: var(--a26-bg-dark-elevated-primary);

    --a26-fill-primary: var(--a26-fill-dark-primary);
    --a26-fill-secondary: var(--a26-fill-dark-secondary);
    --a26-fill-tertiary: var(--a26-fill-dark-tertiary);
    --a26-fill-quaternary: var(--a26-fill-dark-quaternary);

    --a26-separator: var(--a26-separator-dark-nonopaque);
    --a26-separator-opaque: var(--a26-separator-dark-opaque);
    --a26-accent: var(--a26-accent-dark-blue);
    --a26-accent-red: var(--a26-accent-dark-red);
    --a26-accent-orange: var(--a26-accent-dark-orange);
    --a26-accent-yellow: var(--a26-accent-dark-yellow);
    --a26-accent-green: var(--a26-accent-dark-green);
    --a26-accent-mint: var(--a26-accent-dark-mint);
    --a26-accent-teal: var(--a26-accent-dark-teal);
    --a26-accent-cyan: var(--a26-accent-dark-cyan);
    --a26-accent-blue: var(--a26-accent-dark-blue);
    --a26-accent-indigo: var(--a26-accent-dark-indigo);
    --a26-accent-purple: var(--a26-accent-dark-purple);
    --a26-accent-pink: var(--a26-accent-dark-pink);
    --a26-accent-brown: var(--a26-accent-dark-brown);

    --a26-material-regular-fill: var(--a26-material-dark-regular-fill);
    --a26-material-thin-fill: var(--a26-material-dark-thin-fill);
    --a26-glass-clear-fill: var(--a26-glass-clear-fill-source);
  }

  @media (prefers-color-scheme: dark) {
    :root[data-theme="system"] {
      color-scheme: dark;
      --a26-text-primary: var(--a26-label-dark-primary);
      --a26-text-secondary: var(--a26-label-dark-secondary);
      --a26-text-tertiary: var(--a26-label-dark-tertiary);
      --a26-text-quaternary: var(--a26-label-dark-quaternary);

      --a26-bg-app: var(--a26-bg-grouped-dark-base-primary);
      --a26-bg-pane: var(--a26-bg-grouped-dark-base-primary);
      --a26-bg-surface: var(--a26-bg-grouped-dark-base-secondary);
      --a26-bg-surface-secondary: var(--a26-bg-grouped-dark-base-tertiary);
      --a26-bg-elevated: var(--a26-bg-dark-elevated-primary);

      --a26-fill-primary: var(--a26-fill-dark-primary);
      --a26-fill-secondary: var(--a26-fill-dark-secondary);
      --a26-fill-tertiary: var(--a26-fill-dark-tertiary);
      --a26-fill-quaternary: var(--a26-fill-dark-quaternary);

      --a26-separator: var(--a26-separator-dark-nonopaque);
      --a26-separator-opaque: var(--a26-separator-dark-opaque);
      --a26-accent: var(--a26-accent-dark-blue);
    --a26-accent-red: var(--a26-accent-dark-red);
    --a26-accent-orange: var(--a26-accent-dark-orange);
    --a26-accent-yellow: var(--a26-accent-dark-yellow);
    --a26-accent-green: var(--a26-accent-dark-green);
    --a26-accent-mint: var(--a26-accent-dark-mint);
    --a26-accent-teal: var(--a26-accent-dark-teal);
    --a26-accent-cyan: var(--a26-accent-dark-cyan);
    --a26-accent-blue: var(--a26-accent-dark-blue);
    --a26-accent-indigo: var(--a26-accent-dark-indigo);
    --a26-accent-purple: var(--a26-accent-dark-purple);
    --a26-accent-pink: var(--a26-accent-dark-pink);
    --a26-accent-brown: var(--a26-accent-dark-brown);

      --a26-material-regular-fill: var(--a26-material-dark-regular-fill);
      --a26-material-thin-fill: var(--a26-material-dark-thin-fill);
      --a26-glass-clear-fill: var(--a26-glass-clear-fill-source);
    }
  }
}