/*
 * Console design system → Material theme bridge.
 *
 * Declares the semantic color layer (copied from the console's
 * light.tokens.css / dark.tokens.css) under Material's scheme selectors,
 * then maps those tokens to the --md-* variables Material consumes.
 *
 * When the console's semantic layer changes, re-copy the two blocks below.
 * Primitives and typography are loaded unchanged from tokens/.
 */

/* ------------------------------------------------------------------ */
/* Fonts — scheme-independent                                          */
/* ------------------------------------------------------------------ */
:root {
  --md-text-font: var(--font-family-main), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-code-font: var(--font-family-monospace), ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ------------------------------------------------------------------ */
/* Light theme                                                         */
/* ------------------------------------------------------------------ */
[data-md-color-scheme="default"] {
  /* Semantic color tokens (mirrors console light.tokens.css) */
  --color-border-action: var(--color-neutral-400);
  --color-border-brand: var(--color-brand-600);
  --color-border-critical: var(--color-red-600);
  --color-border-focused: var(--color-brand-600);
  --color-border-info: var(--color-cyan-600);
  --color-border-subtle: var(--color-neutral-300);
  --color-border-success: var(--color-green-600);
  --color-border-warning: var(--color-orange-600);
  --color-button-primary: var(--color-brand-600);
  --color-icon-brand: var(--color-brand-600);
  --color-icon-critical: var(--color-red-600);
  --color-icon-info: var(--color-cyan-600);
  --color-icon-success: var(--color-green-600);
  --color-icon-warning: var(--color-orange-600);
  --color-surface-brand: var(--color-brand-100);
  --color-surface-critical: var(--color-red-100);
  --color-surface-default: var(--color-neutral-0);
  --color-surface-hover: var(--color-neutral-50);
  --color-surface-info: var(--color-cyan-100);
  --color-surface-raised: var(--color-neutral-0);
  --color-surface-success: var(--color-green-100);
  --color-surface-sunken: var(--color-neutral-100);
  --color-surface-warning: var(--color-orange-100);
  --color-text-brand: var(--color-brand-600);
  --color-text-critical: var(--color-red-700);
  --color-text-info: var(--color-cyan-700);
  --color-text-link: var(--color-brand-600);
  --color-text-link-hover: var(--color-brand-800);
  --color-text-primary: var(--color-neutral-900);
  --color-text-secondary: var(--color-neutral-500);
  --color-text-success: var(--color-green-700);
  --color-text-warning: var(--color-orange-700);
  /* Docs-scope extension: softer-than-primary tone for long-form prose. */
  --color-text-body: var(--color-neutral-700);

  /* Material variables → console tokens */
  --md-primary-fg-color: var(--color-button-primary);
  --md-accent-fg-color: var(--color-text-link-hover);
  --md-default-fg-color: var(--color-text-primary);
  --md-default-fg-color--light: var(--color-text-secondary);
  --md-default-fg-color--lighter: var(--color-text-secondary);
  --md-default-fg-color--lightest: var(--color-border-subtle);
  --md-default-bg-color: var(--color-surface-default);
  --md-typeset-color: var(--color-text-primary);
  --md-typeset-a-color: var(--color-text-link);
  --md-code-fg-color: var(--color-text-primary);
  --md-code-bg-color: var(--color-surface-sunken);

  --md-admonition-fg-color--info: var(--color-border-info);
  --md-admonition-fg-color--tip: var(--color-border-success);
  --md-admonition-fg-color--warning: var(--color-border-warning);
  --md-admonition-fg-color--danger: var(--color-border-critical);
}

/* ------------------------------------------------------------------ */
/* Dark theme                                                          */
/* ------------------------------------------------------------------ */
[data-md-color-scheme="slate"] {
  /* Semantic color tokens (mirrors console dark.tokens.css) */
  --color-border-action: var(--color-neutral-600);
  --color-border-brand: var(--color-brand-500);
  --color-border-critical: var(--color-red-700);
  --color-border-focused: var(--color-brand-500);
  --color-border-info: var(--color-cyan-700);
  --color-border-subtle: var(--color-neutral-600);
  --color-border-success: var(--color-green-700);
  --color-border-warning: var(--color-orange-700);
  --color-button-primary: var(--color-brand-500);
  --color-icon-brand: var(--color-brand-300);
  --color-icon-critical: var(--color-red-300);
  --color-icon-info: var(--color-cyan-300);
  --color-icon-success: var(--color-green-300);
  --color-icon-warning: var(--color-orange-300);
  --color-surface-brand: var(--color-brand-900);
  --color-surface-critical: var(--color-red-900);
  --color-surface-default: var(--color-neutral-800);
  --color-surface-hover: var(--color-neutral-800);
  --color-surface-info: var(--color-cyan-900);
  --color-surface-raised: var(--color-neutral-750);
  --color-surface-success: var(--color-green-900);
  --color-surface-sunken: var(--color-neutral-1000);
  --color-surface-warning: var(--color-orange-900);
  --color-text-brand: var(--color-brand-300);
  --color-text-critical: var(--color-red-200);
  --color-text-info: var(--color-cyan-200);
  --color-text-link: var(--color-brand-300);
  --color-text-link-hover: var(--color-brand-450);
  --color-text-primary: var(--color-neutral-50);
  --color-text-secondary: var(--color-neutral-400);
  --color-text-success: var(--color-green-200);
  --color-text-warning: var(--color-orange-200);
  /* Docs-scope extension: softer-than-primary tone for long-form prose. */
  --color-text-body: var(--color-neutral-200);

  /* Material variables → console tokens */
  --md-primary-fg-color: var(--color-button-primary);
  --md-accent-fg-color: var(--color-text-link-hover);
  --md-default-fg-color: var(--color-text-primary);
  --md-default-fg-color--light: var(--color-text-secondary);
  --md-default-fg-color--lighter: var(--color-text-secondary);
  --md-default-fg-color--lightest: var(--color-border-subtle);
  --md-default-bg-color: var(--color-surface-default);
  --md-typeset-color: var(--color-text-primary);
  --md-typeset-a-color: var(--color-text-link);
  --md-code-fg-color: var(--color-text-primary);
  --md-code-bg-color: var(--color-surface-sunken);

  --md-admonition-fg-color--info: var(--color-border-info);
  --md-admonition-fg-color--tip: var(--color-border-success);
  --md-admonition-fg-color--warning: var(--color-border-warning);
  --md-admonition-fg-color--danger: var(--color-border-critical);
}