/**
 * File Name: gco-ui-status-badge-tokens.css
 * Project: GCO UI CSS Architecture Migration
 * Pattern: PL-0015 — Governed Status Badge
 *
 * PL-0015 is intentionally context-sensitive.
 * The existing governed two-colour pair is preserved exactly:
 *
 * light host:
 *   background = contrast
 *   foreground = base
 *   border     = base
 *
 * dark host:
 *   background = base
 *   foreground = contrast
 *   border     = contrast
 *
 * Naming:
 * --gco-ui-status-badge-<state>-on-<host>-<attribute>
 */

:root {
  /* Active */
  --gco-ui-status-badge-active-on-light-background: var(--gco-ui-color-status-active-contrast);
  --gco-ui-status-badge-active-on-light-foreground: var(--gco-ui-color-status-active-base);
  --gco-ui-status-badge-active-on-light-border: var(--gco-ui-color-status-active-base);
  --gco-ui-status-badge-active-on-dark-background: var(--gco-ui-color-status-active-base);
  --gco-ui-status-badge-active-on-dark-foreground: var(--gco-ui-color-status-active-contrast);
  --gco-ui-status-badge-active-on-dark-border: var(--gco-ui-color-status-active-contrast);

  /* Pending Review */
  --gco-ui-status-badge-pending-review-on-light-background: var(--gco-ui-color-status-pending-review-contrast);
  --gco-ui-status-badge-pending-review-on-light-foreground: var(--gco-ui-color-status-pending-review-base);
  --gco-ui-status-badge-pending-review-on-light-border: var(--gco-ui-color-status-pending-review-base);
  --gco-ui-status-badge-pending-review-on-dark-background: var(--gco-ui-color-status-pending-review-base);
  --gco-ui-status-badge-pending-review-on-dark-foreground: var(--gco-ui-color-status-pending-review-contrast);
  --gco-ui-status-badge-pending-review-on-dark-border: var(--gco-ui-color-status-pending-review-contrast);

  /* Inactive */
  --gco-ui-status-badge-inactive-on-light-background: var(--gco-ui-color-status-inactive-contrast);
  --gco-ui-status-badge-inactive-on-light-foreground: var(--gco-ui-color-status-inactive-base);
  --gco-ui-status-badge-inactive-on-light-border: var(--gco-ui-color-status-inactive-base);
  --gco-ui-status-badge-inactive-on-dark-background: var(--gco-ui-color-status-inactive-base);
  --gco-ui-status-badge-inactive-on-dark-foreground: var(--gco-ui-color-status-inactive-contrast);
  --gco-ui-status-badge-inactive-on-dark-border: var(--gco-ui-color-status-inactive-contrast);

  /* Superseded */
  --gco-ui-status-badge-superseded-on-light-background: var(--gco-ui-color-status-superseded-contrast);
  --gco-ui-status-badge-superseded-on-light-foreground: var(--gco-ui-color-status-superseded-base);
  --gco-ui-status-badge-superseded-on-light-border: var(--gco-ui-color-status-superseded-base);
  --gco-ui-status-badge-superseded-on-dark-background: var(--gco-ui-color-status-superseded-base);
  --gco-ui-status-badge-superseded-on-dark-foreground: var(--gco-ui-color-status-superseded-contrast);
  --gco-ui-status-badge-superseded-on-dark-border: var(--gco-ui-color-status-superseded-contrast);

  /* Error */
  --gco-ui-status-badge-error-on-light-background: var(--gco-ui-color-status-error-contrast);
  --gco-ui-status-badge-error-on-light-foreground: var(--gco-ui-color-status-error-base);
  --gco-ui-status-badge-error-on-light-border: var(--gco-ui-color-status-error-base);
  --gco-ui-status-badge-error-on-dark-background: var(--gco-ui-color-status-error-base);
  --gco-ui-status-badge-error-on-dark-foreground: var(--gco-ui-color-status-error-contrast);
  --gco-ui-status-badge-error-on-dark-border: var(--gco-ui-color-status-error-contrast);

  /* Held */
  --gco-ui-status-badge-held-on-light-background: var(--gco-ui-color-status-held-contrast);
  --gco-ui-status-badge-held-on-light-foreground: var(--gco-ui-color-status-held-base);
  --gco-ui-status-badge-held-on-light-border: var(--gco-ui-color-status-held-base);
  --gco-ui-status-badge-held-on-dark-background: var(--gco-ui-color-status-held-base);
  --gco-ui-status-badge-held-on-dark-foreground: var(--gco-ui-color-status-held-contrast);
  --gco-ui-status-badge-held-on-dark-border: var(--gco-ui-color-status-held-contrast);
}