@use '@angular/material' as mat;
@use '../utils/colors/colors' as color;

:root {
  /* -- Form fields -- */
  --mdc-outlined-text-field-container-shape: 3.125rem;
  --mat-form-field-outlined-label-text-populated-size: 0.75rem;
  --mat-form-field-container-height: 3rem;

  /* -- Accordion -- */
  --mat-expansion-container-shape: 0px;
  --mat-expansion-header-text-weight: 600;
  --mat-expansion-header-text-line-height: 1rem;
  --mat-expansion-header-text-size: 0.875rem;
  --mat-expansion-header-collapsed-state-height: 2.125rem;
  --mat-expansion-header-expanded-state-height: 2.125rem;

  /* -- Radio button -- */
  --mat-radio-label-text-weight: bold;
  --mat-radio-label-text-size: 18px;
  --mdc-radio-state-layer-size: 32px;

  /* -- Font color for material components -- */
  --mat-sys-on-surface: #{color.$nfr-primary-color};
}