/*Bricksforge*/
[data-builder-mode="custom"] {
  --brfPrimaryColor: #5978df;
  --brfPrimaryBackgroundAlpha: rgba(#5978df, 0.3);
  --p-select-focus-border-color: var(--p-form-field-focus-border-color);

  --p-bricksforge-50: #ebedf4;
  --p-bricksforge-100: #e1e5f2;
  --p-bricksforge-200: #cdd5ef;
  --p-bricksforge-300: #b8c5ec;
  --p-bricksforge-400: #a4b4ea;
  --p-bricksforge-500: #5978df;
  --p-bricksforge-600: #7c94e4;
  --p-bricksforge-700: #6884e1;
  --p-bricksforge-800: #4f6bc6;
  --p-bricksforge-900: #2c3967;
  --p-bricksforge-950: #1a2137;

  --p-primary-color: #5978df !important;
  --p-primary-hover-color: var(--p-primary-300);
  --p-primary-active-color: var(--p-primary-200);

  --p-primary-50: var(--p-bricksforge-50);
  --p-primary-100: var(--p-bricksforge-100);
  --p-primary-200: var(--p-bricksforge-200);
  --p-primary-300: var(--p-bricksforge-300);
  --p-primary-400: var(--p-bricksforge-400);
  --p-primary-500: var(--p-bricksforge-500);
  --p-primary-600: var(--p-bricksforge-600);
  --p-primary-700: var(--p-bricksforge-700);
  --p-primary-800: var(--p-bricksforge-800);
  --p-primary-900: var(--p-bricksforge-900);
  --p-primary-950: var(--p-bricksforge-950);

  --p-button-primary-background: var(--p-primary-color);
  --p-button-primary-hover-background: var(--p-primary-hover-color);
  --p-button-primary-active-background: var(--p-primary-active-color);
  --p-button-primary-border-color: var(--p-primary-color);
  --p-button-primary-hover-border-color: var(--p-primary-hover-color);
  --p-button-primary-active-border-color: var(--p-primary-active-color);
  --p-button-primary-color: var(--p-primary-contrast-color);
  --p-button-primary-hover-color: var(--p-primary-contrast-color);
  --p-button-primary-active-color: var(--p-primary-contrast-color);
  --p-button-primary-focus-ring-color: var(--p-primary-color);

  --p-form-field-focus-border-color: var(--p-primary-color);
  --p-checkbox-checked-border-color: var(--p-primary-color);
  --p-checkbox-checked-hover-border-color: var(--p-primary-hover-color);
  --p-checkbox-checked-focus-border-color: var(--p-primary-color);

  --p-secondary: var(--p-bricksforge-600);
  --brfSecondaryColor: var(--p-secondary);

  --p-highlight-background: color-mix(in srgb, var(--p-primary-400), transparent 84%);
  --p-highlight-focus-background: color-mix(in srgb, var(--p-primary-400), transparent 76%);
  --p-toggleswitch-checked-background: var(--p-primary-color);
  --p-toggleswitch-checked-hover-background: var(--p-primary-hover-color);
  --p-toggleswitch-handle-background: var(--p-surface-400);
  --p-togglebutton-focus-ring-color: var(--p-focus-ring-color);

  --p-focus-ring-color: var(--p-primary-color);
  --p-form-field-color: --p-toggleswitch-focus-ring-color: var(--p-focus-ring-color);
  --p-autocomplete-focus-border-color: var(--p-form-field-focus-border-color);

  --p-inputtext-focus-border-color: var(--p-form-field-focus-border-color);

  --p-checkbox-checked-background: var(--p-primary-color);
  --p-checkbox-checked-hover-background: var(--p-primary-hover-color);

  --p-button-text-primary-hover-background: color-mix(in srgb,
      var(--p-primary-color),
      transparent 96%);
  --p-button-text-primary-active-background: color-mix(in srgb,
      var(--p-primary-color),
      transparent 84%);
  --p-button-text-primary-color: var(--p-primary-color);
  --p-textarea-focus-border-color: var(--p-primary-color);
}

.brf-panel,
.brf-terminal {
  filter: grayscale(100%) !important;
  opacity: 0.5;
}

.p-button-label {
  color: var(--p-bricksforge-200);
}

.brf-code-input input,
.brf-code-input textarea {
  color: var(--p-bricksforge-600) !important;
}