@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-300i.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-400i.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-500i.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-600i.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-700i.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-800i.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('\2fstyles\2f fonts\2fRubik-900i.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-family: 'Rubik',sans-serif;

  --c-primary: #003363;
  --c-primary-rgb: 0,51,99;
  --c-primary-contrast: #fff;
  --c-primary-shade-10: #002e59;
  --c-primary-shade-10-contrast: #fff;
  --c-primary-shade-20: #00294f;
  --c-primary-shade-40: #001f3b;
  --c-primary-tint-50: #8099b1;
  --c-primary-tint-70: #b3c2d0;
  --c-primary-tint-80: #ccd6e0;
  --c-primary-tint-80-contrast: #000;
  --c-primary-tint-80-shade-10: #b8c1ca;
  --c-primary-tint-90: #e6ebef;
  --c-secondary: #ffd82c;
  --c-secondary-rgb: 255,216,44;
  --c-secondary-contrast: #000;
  --c-secondary-shade-10: #e6c228;
  --c-secondary-shade-10-contrast: #000;
  --c-secondary-shade-20: #ccad23;
  --c-secondary-shade-40: #99821a;
  --c-secondary-tint-50: #ffec96;
  --c-secondary-tint-70: #fff3c0;
  --c-secondary-tint-80: #fff7d5;
  --c-secondary-tint-80-contrast: #000;
  --c-secondary-tint-80-shade-10: #e6dec0;
  --c-secondary-tint-90: #fffbea;
  --c-success: #008300;
  --c-success-rgb: 0,131,0;
  --c-success-contrast: #fff;
  --c-success-shade-10: #007600;
  --c-success-shade-10-contrast: #fff;
  --c-success-shade-20: #006900;
  --c-success-shade-40: #004f00;
  --c-success-tint-50: #80c180;
  --c-success-tint-70: #b3dab3;
  --c-success-tint-80: #cce6cc;
  --c-success-tint-80-contrast: #000;
  --c-success-tint-80-shade-10: #b8cfb8;
  --c-success-tint-90: #e6f3e6;
  --c-info: #0079b5;
  --c-info-rgb: 0,121,181;
  --c-info-contrast: #fff;
  --c-info-shade-10: #006da3;
  --c-info-shade-10-contrast: #fff;
  --c-info-shade-20: #006191;
  --c-info-shade-40: #00496d;
  --c-info-tint-50: #80bcda;
  --c-info-tint-70: #b3d7e9;
  --c-info-tint-80: #cce4f0;
  --c-info-tint-80-contrast: #000;
  --c-info-tint-80-shade-10: #b8cdd8;
  --c-info-tint-90: #e6f2f8;
  --c-warning: #c75300;
  --c-warning-rgb: 199,83,0;
  --c-warning-contrast: #fff;
  --c-warning-shade-10: #b34b00;
  --c-warning-shade-10-contrast: #fff;
  --c-warning-shade-20: #9f4200;
  --c-warning-shade-40: #773200;
  --c-warning-tint-50: #e3a980;
  --c-warning-tint-70: #eecbb3;
  --c-warning-tint-80: #f4ddcc;
  --c-warning-tint-80-contrast: #000;
  --c-warning-tint-80-shade-10: #dcc7b8;
  --c-warning-tint-90: #f9eee6;
  --c-danger: #dc1414;
  --c-danger-rgb: 220,20,20;
  --c-danger-contrast: #fff;
  --c-danger-shade-10: #c61212;
  --c-danger-shade-10-contrast: #fff;
  --c-danger-shade-20: #b01010;
  --c-danger-shade-40: #840c0c;
  --c-danger-tint-50: #ee8a8a;
  --c-danger-tint-70: #f5b9b9;
  --c-danger-tint-80: #f8d0d0;
  --c-danger-tint-80-contrast: #000;
  --c-danger-tint-80-shade-10: #dfbbbb;
  --c-danger-tint-90: #fce8e8;
  --c-primary-theme-small: #003363;
  --c-primary-theme-small-rgb: 0,51,99;
  --c-primary-theme-small-contrast: #fff;
  --c-primary-theme-small-shade-10: #002e59;
  --c-primary-theme-small-shade-10-contrast: #fff;
  --c-primary-theme-small-shade-20: #00294f;
  --c-primary-theme-small-shade-40: #001f3b;
  --c-primary-theme-small-tint-50: #8099b1;
  --c-primary-theme-small-tint-70: #b3c2d0;
  --c-primary-theme-small-tint-80: #ccd6e0;
  --c-primary-theme-small-tint-80-contrast: #000;
  --c-primary-theme-small-tint-80-shade-10: #b8c1ca;
  --c-primary-theme-small-tint-90: #e6ebef;
  --c-primary-theme-big: #003363;
  --c-primary-theme-big-rgb: 0,51,99;
  --c-primary-theme-big-contrast: #fff;
  --c-primary-theme-big-shade-10: #002e59;
  --c-primary-theme-big-shade-10-contrast: #fff;
  --c-primary-theme-big-shade-20: #00294f;
  --c-primary-theme-big-shade-40: #001f3b;
  --c-primary-theme-big-tint-50: #8099b1;
  --c-primary-theme-big-tint-70: #b3c2d0;
  --c-primary-theme-big-tint-80: #ccd6e0;
  --c-primary-theme-big-tint-80-contrast: #000;
  --c-primary-theme-big-tint-80-shade-10: #b8c1ca;
  --c-primary-theme-big-tint-90: #e6ebef;
}