:root {
  --color-text: #11151b;
  --color-text-muted: #586273;
  --color-border: #dce2ea;
  --color-surface: #ffffff;
  --color-surface-soft: #f7f9fc;
  --color-primary: #3e63c5;
  --color-primary-strong: #2f4da2;
  --color-primary-soft: #eef3ff;
  --color-direct: #f0c94b;
  --color-direct-soft: #fff8dc;
  --color-metrica: #6356b8;
  --color-metrica-soft: #f1effb;
  --color-success: #177245;
  --color-success-soft: #edf8f2;
  --color-warning: #a86600;
  --color-danger: #c93e32;
  --focus-ring: rgb(62 99 197 / 30%);
}