/**
 * MD3 surface slot bindings — attribute-driven token triples.
 * SSOT: THEME-SURFACE-TAXONOMY.md
 * Sites assign data-pf-surface on chrome/sections; this file paints the role.
 */

[data-pf-surface='app-chrome'] {
  background: var(--color-chrome);
  color: var(--color-chrome-text);
  border-color: var(--color-chrome-border);
}

[data-pf-surface='section-header'] {
  background: var(--color-surface-header);
  color: var(--color-surface-header-text);
  border-color: var(--color-surface-header-border);
}

[data-pf-surface='section-body'] {
  background: var(--color-surface);
  color: var(--color-text-primary);
}

[data-pf-surface='sidebar-chrome'] {
  background: var(--color-surface-2);
  color: var(--color-text-primary);
}

[data-pf-surface='page-bg'] {
  background: var(--color-bg);
  color: var(--color-text-primary);
}

[data-pf-surface='scrim'] {
  background: var(--color-overlay-scrim);
}