@import './fonts.css';

:root {
  --ben-sys-primary: #d82034;
  --ben-sys-on-primary: #fff;
  --ben-sys-on-tertiary: #d82034;
  --ben-sys-background: #f4f4f4;

  --ben-sys-on-background: #1a1b1f;
  --ben-sys-on-surface: rgb(22 29 29);
  --ben-sys-on-surface-variant: rgb(63 73 73);

  --ben-dark-sys-primary: #e81b22;
  --ben-dark-sys-background: rgb(14, 20, 21);

  /* Variables Material UI pour bordures carrées - s'appliquent à TOUS les composants Material */
  /* Corner system variables */
  --mat-sys-corner-extra-large: 0px;
  /* Dialogs */
  --mdc-dialog-container-shape: 0px;
  --mat-dialog-container-shape: 0px;
  /* Buttons */
  --mdc-filled-button-container-shape: 0px;
  --mdc-outlined-button-container-shape: 0px;
  --mdc-text-button-container-shape: 0px;
  --mdc-protected-button-container-shape: 0px;
  /* Cards */
  --mdc-elevated-card-container-shape: 0px;
  --mdc-filled-card-container-shape: 0px;
  --mdc-outlined-card-container-shape: 0px;
  /* Chips */
  --mdc-chip-container-shape: 0px;
  /* Text fields */
  --mdc-text-field-container-shape: 0px;
  /* Menus */
  --mat-menu-container-shape: 0px;
  /* Snackbars */
  --mat-snack-bar-container-shape: 0px;
  /* Tooltips */
  --mat-tooltip-container-shape: 0px;
  /* Variables pour les pop-ups spécifiquement */
  --ben-sys-dialog-border-radius: 0px;
  --ges-sys-dialog-border-radius: 0px;

  /* --custom-font-family: 'Calibri W02 Regular';
  --custom-font-family-title: 'Legacy Serif ITC W02 Bk'; */

  /*--mat-sys-title-large-font: var(--custom-font-family-title);*/
}

/* Variables redéfinies sur les overlays CDK pour garantir leur accessibilité */
/* Les overlays CDK sont créés dans le body, donc on redéfinit les variables critiques sur les overlays */
::ng-deep .cdk-overlay-pane.ben,
::ng-deep .cdk-overlay-pane.ges {
  --mat-sys-corner-extra-large: 0px;
  --mdc-dialog-container-shape: 0px;
  --mat-dialog-container-shape: 0px;
  --ben-sys-dialog-border-radius: 0px;
  --ges-sys-dialog-border-radius: 0px;
}


/*html {*/
/*  font-family: var(--custom-font-family) !important;*/
/*}*/



/*h1, h2, h3, h4, h5, h6 {*/
/*  font-family: var(--custom-font-family-title) !important;*/
/*}*/