@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dmserif-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dmserif-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/inter-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/inter-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/inter-600.woff2') format('woff2');
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {

  --blue-deep:   #0C3D5E;
  --blue-mid:    #1B6A8A;
  --blue-soft:   #4F7C82;
  --blue-pale:   #93B8C4;
  --bg-light:    #E8EFF2;
  --bg-mid:      #EEF3F6;
  --accent:      #D4893A;
  --accent-deep: #B0702A;
  --text:        #1A2E3B;
  --text-muted:  #4a5869;
  --white:       #ffffff;
  --footer-bg:   #071F30;
  --border:      rgba(31,106,138,0.15);

  --serif: 'DM Serif Display', Georgia, serif;
  --sans:  'Inter', system-ui, sans-serif;
}