:root {
  --brie-button-text-font: var(--banana-button-label);
  --brie-button-border-radius: 4px;
  --brie-button-icon-size: 36px;
  --brie-button-text-color-disabled: var(--banana-button-primary-foreground-disabled);

  /* Flat - Primary button */
  --brie-button-flat-background: var(--banana-button-primary-background-default);
  --brie-button-flat-background-hover: var(--banana-button-primary-background-hover);
  --brie-button-flat-background-disabled: var(--banana-button-primary-background-disabled);
  --brie-button-flat-background-pressed: var(--banana-button-primary-background-pressed);
  --brie-button-flat-text: var(--banana-button-primary-foreground-default);
  --brie-button-flat-text-disabled: var(--banana-button-primary-foreground-disabled);

  /* Stroked - Secondary button */
  --brie-button-stroked-background: var(--banana-button-secondary-background-default);
  --brie-button-stroked-background-hover: var(--banana-button-secondary-background-hover);
  --brie-button-stroked-background-disabled: var(--banana-button-secondary-background-disabled);
  --brie-button-stroked-background-pressed: var(--banana-button-secondary-background-pressed);
  --brie-button-stroked-background-clicked: var(--banana-button-secondary-background-clicked);
  --brie-button-stroked-text: var(--banana-button-secondary-foreground-default);
  --brie-button-stroked-text-disabled: var(--banana-button-secondary-foreground-disabled);
  --brie-button-stroked-text-clicked: var(--banana-button-secondary-foreground-clicked);
  --brie-button-stroked-border: var(--banana-button-secondary-border-default);
  --brie-button-stroked-border-hover: var(--banana-button-secondary-border-hover);
  --brie-button-stroked-border-pressed: var(--banana-button-secondary-border-pressed);
  --brie-button-stroked-border-disabled: var(--banana-button-secondary-border-disabled);
  --brie-button-stroked-border-clicked: var(--banana-button-secondary-border-clicked);

  /* Base - Tertiary button */
  --brie-button-base-background-hover: var(--banana-button-tertiary-background-hover);
  --brie-button-base-background-disabled: var(--banana-button-tertiary-background-disabled);
  --brie-button-base-background-hover-icon: var(--banana-button-tertiary-foreground-hover-icon);
  --brie-button-base-text: var(--banana-button-tertiary-foreground-default);

  /* Flat - Primary danger button */
  --brie-button-flat-danger-text: var(--banana-button-primary-danger-foreground-default);
  --brie-button-flat-danger-text-disabled: var(--banana-button-primary-danger-foreground-disabled);
  --brie-button-flat-danger-background: var(--banana-button-primary-danger-background-default);
  --brie-button-flat-danger-background-hover: var(--banana-button-primary-danger-background-hover);
  --brie-button-flat-danger-background-disabled: var(--banana-button-primary-danger-background-disabled);
  --brie-button-flat-danger-background-pressed: var(--banana-button-primary-danger-background-pressed);

  /* Stroked - Secondary danger button */
  --brie-button-stroked-danger-background: var(--banana-button-secondary-danger-background-default);
  --brie-button-stroked-danger-background-pressed: var(--banana-button-secondary-danger-background-pressed);
  --brie-button-stroked-danger-background-disabled: var(--banana-button-secondary-danger-background-disabled);
  --brie-button-stroked-danger-text: var(--banana-button-secondary-danger-foreground-default);
  --brie-button-stroked-danger-text-disabled: var(--banana-button-secondary-danger-foreground-disabled);
  --brie-button-stroked-danger-border: var(--banana-button-secondary-danger-border-default);
  --brie-button-stroked-danger-border-hover: var(--banana-button-secondary-danger-border-hover);
  --brie-button-stroked-danger-border-pressed: var(--banana-button-secondary-danger-border-pressed);
  --brie-button-stroked-danger-border-disabled: var(--banana-button-secondary-danger-border-disabled);

  /* Base - Tertiary danger button */
  --brie-button-base-danger-text: var(--banana-button-tertiary-danger-foreground-default);
  --brie-button-base-danger-background-hover: var(--banana-button-tertiary-danger-background-hover);
}
