@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: #254C5A;
  --c-primary-rgb: 37,76,90;
  --c-primary-contrast: #fff;
  --c-primary-shade-10: #214451;
  --c-primary-shade-10-contrast: #fff;
  --c-primary-shade-20: #1e3d48;
  --c-primary-shade-40: #162e36;
  --c-primary-tint-50: #92a6ad;
  --c-primary-tint-70: #bec9ce;
  --c-primary-tint-80: #d3dbde;
  --c-primary-tint-80-contrast: #000;
  --c-primary-tint-80-shade-10: #bec5c8;
  --c-primary-tint-90: #e9edef;
  --c-secondary: #BB6128;
  --c-secondary-rgb: 187,97,40;
  --c-secondary-contrast: #000;
  --c-secondary-shade-10: #a85724;
  --c-secondary-shade-10-contrast: #fff;
  --c-secondary-shade-20: #964e20;
  --c-secondary-shade-40: #703a18;
  --c-secondary-tint-50: #ddb094;
  --c-secondary-tint-70: #ebd0bf;
  --c-secondary-tint-80: #f1dfd4;
  --c-secondary-tint-80-contrast: #000;
  --c-secondary-tint-80-shade-10: #d9c9bf;
  --c-secondary-tint-90: #f8efea;
  --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: #254c5a;
  --c-primary-theme-small-rgb: 37,76,90;
  --c-primary-theme-small-contrast: #fff;
  --c-primary-theme-small-shade-10: #214451;
  --c-primary-theme-small-shade-10-contrast: #fff;
  --c-primary-theme-small-shade-20: #1e3d48;
  --c-primary-theme-small-shade-40: #162e36;
  --c-primary-theme-small-tint-50: #92a6ad;
  --c-primary-theme-small-tint-70: #bec9ce;
  --c-primary-theme-small-tint-80: #d3dbde;
  --c-primary-theme-small-tint-80-contrast: #000;
  --c-primary-theme-small-tint-80-shade-10: #bec5c8;
  --c-primary-theme-small-tint-90: #e9edef;
  --c-primary-theme-big: #254c5a;
  --c-primary-theme-big-rgb: 37,76,90;
  --c-primary-theme-big-contrast: #fff;
  --c-primary-theme-big-shade-10: #214451;
  --c-primary-theme-big-shade-10-contrast: #fff;
  --c-primary-theme-big-shade-20: #1e3d48;
  --c-primary-theme-big-shade-40: #162e36;
  --c-primary-theme-big-tint-50: #92a6ad;
  --c-primary-theme-big-tint-70: #bec9ce;
  --c-primary-theme-big-tint-80: #d3dbde;
  --c-primary-theme-big-tint-80-contrast: #000;
  --c-primary-theme-big-tint-80-shade-10: #bec5c8;
  --c-primary-theme-big-tint-90: #e9edef;
}