body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

:root {
  --neutral-grey-5alpha32: rgba(24, 24, 24, 0.32);
  --neutral-grey-5alpha80: rgba(24, 24, 24, 0.8);
  --neutral-grey-10: #282828;
  --neutral-grey-20: #3e3e3e;
  --neutral-grey-30: #505050;
  --neutral-grey-40: #636363;
  --neutral-grey-50: #747474;
  --neutral-grey-60alpha12: rgba(145, 145, 145, 0.12);
  --neutral-grey-80: #c6c6c6;
  --neutral-grey-90: #e2e2e2;
  --neutral-grey-95: #f1f1f1;
  --neutral-grey-97: #f6f6f6;
  --neutral-grey-100: #ffffff;
  --neutral-grey-transparent: rgba(145, 145, 145, 0);

  --neutral-bluegrey-5alpha32: rgba(23, 23, 26, 0.32);
  --neutral-bluegrey-5alpha80: rgba(23, 23, 26, 0.8);
  --neutral-bluegrey-20: #3d3d43;
  --neutral-bluegrey-30: #4f4f56;
  --neutral-bluegrey-40: #62626f;
  --neutral-bluegrey-50: #aaaab6;
  --neutral-bluegrey-60alpha12: rgba(144, 144, 154, 0.12);
  --neutral-bluegrey-80: #c6c6d0;
  --neutral-bluegrey-90: #e2e2e9;
  --neutral-bluegrey-95: #f0f0f4;
  --neutral-bluegrey-97: #f6f6f9;
  --neutral-bluegrey-100: #ffffff;
  --neutral-bluegrey-transparent: rgba(144, 144, 154, 0);
  --neutral-grey-10: #27272b;

  --mastic-10: #282824;
  --mastic-20: #3e3e39;
  --mastic-30: #50504a;
  --mastic-45: #6e6d65;
  --mastic-50: #76756c;
  --mastic-60alpha12: rgba(145, 145, 145, 0.12);
  --mastic-70: #adac9f;
  --mastic-80: #c8c7b9;
  --mastic-90: #e4e3d3;
  --mastic-95: #f3f2e1;
  --mastic-transparent: rgba(146, 145, 135, 0);

  --brand-blue-10: #002266;
  --brand-blue-20: #003692;
  --brand-blue-24main: #003da5;
  --brand-blue-30: #0046bc;
  --brand-blue-45: #0065ea;
  --brand-blue-50: #3067ff;
  --brand-blue-60alpha12: rgba(104, 137, 255, 0.12);
  --brand-blue-80: #b8c3ff;
  --brand-blue-90: #dce1ff;
  --brand-blue-95: #eef0ff;
  --brand-blue-transparent: rgba(104, 137, 255, 0);
  --brand-yellow-10: #411f00;
  --brand-yellow-20: #633000;
  --brand-yellow-30: #7e3f00;
  --brand-yellow-40: #9b4f00;
  --brand-yellow-50: #b06000;
  --brand-yellow-60alpha12: rgba(212, 123, 0, 0.12);
  --brand-yellow-80: #f0c100;
  --brand-yellow-84main: #ffcb05;
  --brand-yellow-90: #f9e28c;
  --brand-yellow-95: #fcf0ca;
  --brand-yellow-transparent: rgba(212, 123, 0, 0);
  --brand-violet-10: #4f053b;
  --brand-violet-20: #750b59;
  --brand-violet-35main: #a71680;
  --brand-violet-40: #b6188c;
  --brand-violet-50: #d028a3;
  --brand-violet-60alpha12: rgba(245, 71, 199, 0.12);
  --brand-violet-70: #f783d3;
  --brand-violet-80: #f6b2de;
  --brand-violet-90: #fad9ee;
  --brand-violet-95: #fcedf7;
  --brand-violet-transparent: rgba(245, 71, 199, 0);

  --error-10: #550606;
  --error-20: #820000;
  --error-30: #a50000;
  --error-45: #d91414;
  --error-50: #e71616;
  --error-60alpha12: rgba(255, 85, 70, 0.12);
  --error-70: #ff897f;
  --error-80: #ffb4ad;
  --error-90: #ffdad7;
  --error-95: #ffedeb;
  --error-transparent: rgba(255, 85, 70, 0);
  --info-10: #00284f;
  --info-20: #003d7a;
  --info-30: #004f9d;
  --info-45: #006bd4;
  --info-50: #0072e2;
  --info-60alpha12: rgba(38, 146, 255, 0.12);
  --info-70: #5fb0ff;
  --info-80: #97cbff;
  --info-90: #cbe5ff;
  --info-95: #e5f2ff;
  --info-transparent: rgba(38, 146, 255, 0);
  --success-10: #003000;
  --success-20: #004900;
  --success-30: #005e00;
  --success-45: #007f00;
  --success-50: #008800;
  --success-60alpha12: rgba(1, 168, 0, 0.12);
  --success-70: #41c441;
  --success-80: #8bd88b;
  --success-90: #c1eec1;
  --success-95: #e2f6e2;
  --success-transparent: rgba(1, 168, 0, 0);
  --warning-10: #491800;
  --warning-20: #702500;
  --warning-30: #903000;
  --warning-45: #c24100;
  --warning-50: #ce4600;
  --warning-60alpha12: rgba(225, 114, 0, 0.12);
  --warning-70: #f49435;
  --warning-80: #ffb873;
  --warning-90: #ffddba;
  --warning-95: #ffeedd;
  --warning-transparent: rgba(225, 114, 0, 0);

  --docaposte-10: #131b71;
  --docaposte-20: #202ba4;
  --docaposte-27main: #0000ff;
  --docaposte-45: #4756ff;
  --docaposte-50: #5461ff;
  --docaposte-60alpha12: rgba(112, 136, 255, 0.12);
  --docaposte-70: #95a6ff;
  --docaposte-80: #b8c4ff;
  --docaposte-90: #dbe1ff;
  --docaposte-95: #edf0ff;
  --docaposte-transparent: rgba(112, 136, 255, 0);

  --interactive: #0f62fe;
}