/**
 * File Name: gco-ui-surface-tokens.css
 * Project: GCO UI CSS Architecture Migration
 * Milestone: M1 — Token Foundation
 *
 * Base background-context semantics.
 *
 * Pattern-specific surface-sensitive tokens use:
 * --gco-ui-<background-context>-<pattern>-<element-or-state>-<attribute>
 *
 * Example:
 * --gco-ui-bg-light-table-cell-selected-background
 * --gco-ui-bg-dark-table-cell-selected-foreground
 */

:root {
  --gco-ui-bg-dark-background: var(--gco-ui-color-brand-dark);
  --gco-ui-bg-dark-background-elevated: var(--gco-ui-color-white-12);
  --gco-ui-bg-dark-foreground: var(--gco-ui-color-white);
  --gco-ui-bg-dark-foreground-muted: var(--gco-ui-color-white-70);
  --gco-ui-bg-dark-border: var(--gco-ui-color-white-22);

  --gco-ui-bg-light-background: var(--gco-ui-color-white);
  --gco-ui-bg-light-background-alt: var(--gco-ui-color-surface-light-alt);
  --gco-ui-bg-light-foreground: var(--gco-ui-color-ink);
  --gco-ui-bg-light-foreground-muted: var(--gco-ui-color-black-60);
  --gco-ui-bg-light-border: var(--gco-ui-color-ink-12);
}