/* TAOA shared palette: raw values → roles → component aliases. */
:root {
  --ui-orange: #ff4b00;
  --ui-orange-ink: #b84415;
  --ui-orange-pale: #fff0e6;
  --ui-gray-50: #f7f8fa;
  --ui-gray-100: #f0f2f5;
  --ui-gray-200: #e4e7ec;
  --ui-gray-500: #858d99;
  --ui-gray-700: #626b78;
  --ui-gray-900: #303741;
  --ui-background: var(--ui-gray-50);
  --ui-surface: #fff;
  --ui-surface-soft: var(--ui-gray-100);
  --ui-border: var(--ui-gray-200);
  --ui-text: var(--ui-gray-900);
  --ui-secondary: var(--ui-gray-700);
  --ui-muted: var(--ui-gray-500);
  --ui-accent: var(--ui-orange);
  --ui-selection: var(--ui-orange-pale);
  --ui-selection-text: var(--ui-orange-ink);
  --ui-radius-sm: 8px;
  --ui-radius: 12px;
  --ui-radius-lg: 16px;
  --ui-shadow: 0 3px 12px #27324006;
  --ui-popover-shadow: 0 10px 32px #27324014;
  --ui-card-bg: var(--ui-surface);
  --ui-card-border: var(--ui-border);
  --ui-input-bg: #f5f6f8;
  --ui-button-bg: var(--ui-accent);
}