/* Hand-authored alias layer — maps KE --color-* onto DevExpress Fluent --dxds-* (brick dx-token-bridge). Mode-agnostic; DX mode stylesheets drive light/dark. DO NOT add [data-theme]/@media blocks. */

:root {
  /* bg — neutral */
  --color-bg-app: var(--dxds-color-surface-neutral-default-rest);
  --color-bg-subtle: var(--dxds-color-surface-neutral-subdued-rest);
  --color-bg-default: var(--dxds-color-surface-neutral-deep-rest);
  --color-bg-hovered: var(--dxds-color-surface-neutral-deep-hovered);
  --color-bg-active: var(--dxds-color-surface-neutral-default-active);
  --color-bg-disabled: var(--dxds-color-surface-neutral-default-disabled);

  /* bg — action (primary) */
  --color-bg-action-subtle: var(--dxds-color-surface-primary-deep-rest);
  --color-bg-action-emphasis: var(--dxds-color-surface-primary-default-rest);
  --color-bg-action-emphasis-hover: var(--dxds-color-surface-primary-default-hovered);
  --color-bg-action-emphasis-active: var(--dxds-color-surface-primary-default-active);
  --color-bg-action-emphasis-disabled: var(--dxds-color-surface-primary-default-disabled);

  /* bg — brand (Decision 5: same targets as action / DX primary) */
  --color-bg-brand-subtle: var(--dxds-color-surface-primary-deep-rest);
  --color-bg-brand-emphasis: var(--dxds-color-surface-primary-default-rest);
  --color-bg-brand-emphasis-hover: var(--dxds-color-surface-primary-default-hovered);
  --color-bg-brand-emphasis-active: var(--dxds-color-surface-primary-default-active);
  --color-bg-brand-emphasis-disabled: var(--dxds-color-surface-primary-default-disabled);

  /* bg — status */
  --color-bg-success-subtle: var(--dxds-color-surface-success-deep-rest);
  --color-bg-success-emphasis: var(--dxds-color-surface-success-default-rest);
  --color-bg-success-emphasis-hover: var(--dxds-color-surface-success-default-hovered);
  --color-bg-danger-subtle: var(--dxds-color-surface-danger-deep-rest);
  --color-bg-danger-emphasis: var(--dxds-color-surface-danger-default-rest);
  --color-bg-danger-emphasis-hover: var(--dxds-color-surface-danger-default-hovered);
  --color-bg-warning-subtle: var(--dxds-color-surface-warning-deep-rest);
  --color-bg-warning-emphasis: var(--dxds-color-surface-warning-default-rest);
  --color-bg-warning-emphasis-hover: var(--dxds-color-surface-warning-default-hovered);
  --color-bg-info-subtle: var(--dxds-color-surface-info-deep-rest);
  --color-bg-info-emphasis: var(--dxds-color-surface-info-default-rest);

  /* text */
  --color-text-primary: var(--dxds-color-content-neutral-default-rest);
  --color-text-secondary: var(--dxds-color-content-neutral-subdued-rest);
  --color-text-placeholder: var(--dxds-color-content-neutral-deep-rest);
  --color-text-disabled: var(--dxds-color-content-neutral-default-disabled);
  --color-text-brand: var(--dxds-color-content-primary-default-rest);
  --color-text-action: var(--dxds-color-content-primary-default-rest);
  --color-text-link: var(--dxds-color-content-primary-default-rest);
  --color-text-link-hover: var(--dxds-color-content-primary-default-hovered);
  --color-text-on-emphasis: var(--dxds-color-content-neutral-default-static-dark-rest);
  --color-text-on-emphasis-disabled: var(--dxds-color-content-neutral-default-rest);
  --color-text-success: var(--dxds-color-content-success-default-rest);
  --color-text-danger: var(--dxds-color-content-danger-default-rest);
  --color-text-warning: var(--dxds-color-content-warning-default-rest);
  --color-text-info: var(--dxds-color-content-info-default-rest);

  /* border */
  --color-border-subtle: var(--dxds-color-border-neutral-default-rest);
  --color-border-disabled: var(--dxds-color-border-neutral-default-disabled);
  --color-border-default: var(--dxds-neutral-120);
  --color-border-option: var(--color-border-default);
  --color-border-hovered: var(--dxds-color-border-neutral-default-hovered);
  --color-border-focus: var(--dxds-color-border-focus-default);
  --color-border-emphasis: var(--dxds-color-border-primary-default-rest);
  --color-border-brand: var(--dxds-color-border-primary-default-rest);
  --color-border-success: var(--dxds-color-border-success-default-rest);
  --color-border-danger: var(--dxds-color-border-danger-default-rest);
  --color-border-warning: var(--dxds-color-border-warning-default-rest);
  --color-border-info: var(--dxds-color-border-info-default-rest);

  /* icon */
  --color-icon-default: var(--dxds-color-content-neutral-subdued-rest);
  --color-icon-subtle: var(--dxds-color-content-neutral-deep-rest);
  --color-icon-brand: var(--dxds-color-content-primary-default-rest);
  --color-icon-action: var(--dxds-color-content-primary-default-rest);
  --color-icon-success: var(--dxds-success-70);
  --color-icon-danger: var(--dxds-danger-50);

  /* non-color tokens — literal px, no DX equivalent */
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --stroke-hairline: 0.5px;
  --stroke-regular: 1px;
  --stroke-emphasis: 2px;
  --stroke-heavy: 2.5px;
  --stroke-bold: 3px;

  /* gradient composite — DX primary derived (Decision A1 / Codex P2: app-shell.css:96 consumer) */
  --gradient-brand-identity-sidebar: linear-gradient(to bottom, var(--dxds-color-surface-primary-default-rest) 0%, var(--dxds-color-surface-primary-default-active) 100%);
}