/*
@font-face {
  font-family: "TT Fors";
  src: url("../../../fonts/TTFors-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Fors";
  src: url("../../../fonts/TTFors-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Fors";
  src: url("../../../fonts/TTFors-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Fors";
  src: url("../../../fonts/TTFors-DemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
*/

:root {

  --esss-red:            #E11423;
  --esss-white:          #FFFFFF;
  --esss-black:          #000000;

  --esss-blue:           #0546FF;
  --esss-blue-600:       #0500E6;
  --esss-blue-800:       #0500A5;
  --esss-gray:           #969691;
  --esss-orange:         #FF3700;
  --esss-amber:          #FFA000;
  --esss-teal:           #00C39B;
  --esss-red-dark:       #A50028;

  --esss-gradient-red:   linear-gradient(90deg, var(--esss-red-dark) 0%, var(--esss-red) 100%);

  --surface:             var(--esss-white);
  --surface-alt:         #F4F4F3;
  --border-subtle:       var(--esss-gray);
  --border-strong:       var(--esss-black);

  --ink:                 var(--esss-black);
  --ink-muted:           #5A5A57;

  --brand-primary:       var(--esss-red);
  --brand-primary-hover: var(--esss-red-dark);
  --brand-on-primary:    var(--esss-white);

  --state-error:         var(--esss-red);
  --state-success:       var(--esss-teal);
  --state-warning:       var(--esss-amber);
  --state-info:          var(--esss-blue);

  --font-primary:        "TT Fors", Arial, Helvetica, sans-serif;

  --fw-light:            300;
  --fw-regular:          400;
  --fw-medium:           500;
  --fw-demibold:         600;

  --radius:              0;
  --border-width:        2px;
  --transition:          all 0.25s ease-in-out 0s;

  --transition-color:    color 0.25s ease-in-out 0s;
}
