:root {
  --font-sans: colfax, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  --font-headline: tiempos-headline, 'Times New Roman', serif;
  --font-mono: SFMono-Regular, Source Code Pro, Menlo, monospace;
  --font-serif: tiempos-text, Georgia, serif;
  --page-margin: 30px;
  --page-width-with-margin: 1200px;
  --base-body-color: #2f333f;
  --extra-light-body-color: #969fb6;
  --light-body-color: #71788a;
  --dark-bg-color: #2e343f;
  --light-bg-color: #f4f4f4;
  --highlight-bg-color: #f8fdff;
  --darker-lighlight-bg-color: #ebf9ff;
  --border-color: #eee;
  --accent-color: #ff593d;
  --darker-accent-color: #c93f28;
  --azure-color: #33a3b1;
  --clip-path: polygon(0 3vw, 100% 0, 100% calc(100% - 3vw), 0 100%);
  --dato-gradient: linear-gradient(to right, #ff593d, #ff7751);
  --box-shadow: 0 0.9px 2.2px rgba(0, 0, 0, 0.02),
    0 2.2px 5.3px rgba(0, 0, 0, 0.028), 0 4.1px 10px rgba(0, 0, 0, 0.035),
    0 7.4px 17.9px rgba(0, 0, 0, 0.042), 0 13.8px 33.4px rgba(0, 0, 0, 0.05),
    0 33px 80px rgba(0, 0, 0, 0.07);
}
