@font-face {
  font-family: 'Barlow';
  src: url('../fonts/barlow-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/barlow-latin-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/barlow-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/barlow-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/barlow-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --ink:        #0E1B3D;
  --ink-2:      #1B2C5C;
  --ink-soft:   #2A3A66;
  --paper:      #FBFAF6;
  --paper-2:    #F1EEE4;
  --line:       #E3DFD2;
  --accent:     #1AA1E2;
  --accent-soft:#D6EEF9;
  --aqua:       #4FB3B8;
  --gold:       #D6A647;
  --good:       #5fbc2e;
  --muted:      #6B6F7A;

  --max:        1240px;
  --pad-x:      clamp(20px, 4vw, 56px);

  --serif:      'Barlow', Georgia, serif;
  --sans:       'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --mono:       ui-monospace, SFMono-Regular, Menlo, monospace;

  --radius:     14px;
  --radius-sm:  8px;
  --shadow:     0 1px 0 rgba(14,27,61,.04), 0 12px 30px -18px rgba(14,27,61,.18);
}