:root {
  /* Colors */
  --tr-ext-color-primary: #2271b1;
  --tr-ext-color-success: #008000;
  --tr-ext-color-danger: #d63638;
  --tr-ext-color-warning: #dba617;
  --tr-ext-color-text: #1d2327;
  --tr-ext-color-muted: #646970;
  --tr-ext-color-border: #dcdcde;
  --tr-ext-color-background: #f6f7f7;

  /* Spacing */
  --tr-ext-space-xs: 4px;
  --tr-ext-space-sm: 8px;
  --tr-ext-space-md: 16px;
  --tr-ext-space-lg: 24px;
  --tr-ext-space-xl: 32px;

  /* Radius */
  --tr-ext-radius-sm: 4px;
  --tr-ext-radius-md: 8px;
  --tr-ext-radius-lg: 12px;

  /* Form */
  --tr-ext-input-height: 42px;
  --tr-ext-input-border: #8c8f94;
  --tr-ext-input-focus: #2271b1;
}