@font-face{font-family:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/newsreader-latin-300-normal.woff2') format('woff2');}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/newsreader-latin-300-italic.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/jost-latin-300-normal.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/jost-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/jost-latin-500-normal.woff2') format('woff2');}

:root{

  --chalk:       #FCFCFB;
  --plaster:     #EBEBE8;

  --petrol:      #17303D;
  --petrol-deep: #0B2028;
  --slate:       #62696C;
  --slate-light: #6C767A;
  --rule:        #E3E3DF;
  --rule-soft:   #EFEFEC;

  --sage:        #B1B49D;

  --coral:       #E0724A;
  --coral-ink:   #B84D28;

  --bg:          var(--chalk);
  --bg-alt:      var(--plaster);
  --bg-sunk:     #F6F6F4;
  --ink:         var(--petrol);
  --ink-mute:    var(--slate);
  --ink-faint:   var(--slate-light);
  --ink-faint-alt:#616C71;
  --accent:      var(--coral);
  --accent-ink:  var(--coral-ink);
  --card:        #FFFFFF;
  --on-dark:     #EDEBE4;

  --bg-rgb:          252,252,251;
  --petrol-deep-rgb: 11,32,40;
  --on-dark-rgb:     237,235,228;

  --serif: 'Newsreader','Hoefler Text','Iowan Old Style',Georgia,serif;
  --sans:  'Jost','Avenir Next',-apple-system,'Segoe UI',system-ui,sans-serif;

  --display-2: clamp(1.8rem, 4vw, 2.7rem);
  --eyebrow:   .66rem;

  --track-caps: .24em;
  --track-btn:  .22em;

  --section:   clamp(4rem, 9vw, 8rem);
  --gutter:    clamp(1.5rem, 5vw, 4rem);
  --container: 1280px;
  --measure:   34rem;
  --radius:    0;

  --ease:     cubic-bezier(.4, 0, .2, 1);
  --t-zoom:   600ms;
}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:         #0F1D24;
  --bg-alt:     #152932;
  --bg-sunk:    #0A161C;
  --ink:        #EDEBE4;
  --ink-mute:   #9AA3A6;
  --ink-faint:  #879092;
  --ink-faint-alt:#879092;
  --rule:       #263A44;
  --rule-soft:  #1B2E37;
  --accent:     #EE8A5F;
  --accent-ink: #EE8A5F;
  --card:       #152932;
  --bg-rgb:     15,29,36;
}}