/**
 * AffinityFlux design tokens — keep in sync with docs/design/color-palette.md
 * and frontend/common/src/theme/colors.ts
 */
:root {
  /* Named palette */
  --af-blue: #3a6ea5;
  --af-violet: #6c4bcf;
  --af-mint: #4cc9a6;
  --af-coral: #ff6f5e;
  --af-graphite: #2e2e2e;
  --af-warm-gray: #b8b8b8;
  --af-white: #ffffff;

  /* Semantic aliases */
  --af-color-brand: var(--af-blue);
  --af-color-accent: var(--af-violet);
  --af-color-success: var(--af-mint);
  --af-color-cta: var(--af-coral);
  --af-color-danger: var(--af-coral);
  --af-color-text: var(--af-graphite);
  --af-color-text-muted: var(--af-warm-gray);
  --af-color-border: var(--af-warm-gray);
  --af-color-surface: var(--af-white);
  --af-color-disabled: var(--af-warm-gray);

  /* Brand recognition: Blue + Violet */
  --af-gradient-brand: linear-gradient(135deg, var(--af-blue) 0%, var(--af-violet) 100%);
}