:root {
  --brand-color-primary: #0f62fe;
  --brand-color-primary-hover: #0043ce;

  --brand-color-background: #f4f7fb;
  --brand-color-surface: #ffffff;
  --brand-color-surface-muted: #f8fafc;

  --brand-color-border: #d9e2ec;
  --brand-color-text: #1f2933;
  --brand-color-muted: #52616b;

  --brand-color-error: #b42318;
  --brand-color-error-background: #fff4f2;
  --brand-color-error-border: #fecdca;

  --brand-radius-card: 18px;
  --brand-radius-field: 10px;

  --brand-logo: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTYwIDY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iNjQiIHJ4PSIxMiIgZmlsbD0iIzBmNjJmZSIvPjxjaXJjbGUgY3g9IjM0IiBjeT0iMzIiIHI9IjE0IiBmaWxsPSIjZmZmIi8+PHRleHQgeD0iNTYiIHk9IjM5IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjAiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiNmZmYiPkJyYW5kPC90ZXh0Pjwvc3ZnPg==");
}