:root {
  --color-blue: #1769aa;
  --color-orange: #c65316;
  --color-teal: #087f72;
  --color-purple: #6842a0;
  --color-ink: #17202a;
  --color-muted: #5f6b76;
  --color-border: #d5dce3;
  --color-surface: #ffffff;
  --color-canvas: #f4f7f9;
  --color-danger: #b42318;
  --color-success: #176b3a;
  --shadow-card: 0 12px 32px rgba(23, 32, 42, .1);
  --radius-sm: .5rem;
  --radius-md: .9rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --content-width: 72rem;
  --form-width: 32rem;
  --role-color: var(--color-blue);
}