@font-face{font-family:'Schibsted Grotesk';src:url('fonts/SchibstedGrotesk-VF.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:block}
@font-face{font-family:'Fira Sans';src:url('fonts/FiraSans-400.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'Fira Sans';src:url('fonts/FiraSans-500.woff2') format('woff2');font-weight:500;font-display:block}
@font-face{font-family:'Fira Sans';src:url('fonts/FiraSans-600.woff2') format('woff2');font-weight:600;font-display:block}
:root{
  
  --serif:'Schibsted Grotesk','Segoe UI',system-ui,sans-serif;
  --sans:'Fira Sans','Segoe UI',system-ui,sans-serif;
  --w-display:600;   
  --w-title:800;     
  --ink:#221E1A;--ink2:#6B655C;--ink3:#C4C0B9;--line:#E3E1DD;--grid:#ECEAE6;--ground:#FFFFFF;--panel:#FFFFFF;
  --blue-deep:#0F4C81;--blue:#1C6FCF;
  --teal-deep:#005A73;--teal:#007DA0;
  --ochre-deep:#7A5A00;--ochre:#E9B824;
  --red-deep:#9C2F17;--red:#E4572E;
  --green-deep:#1F6B3E;--green:#2E9E5B;
  --violet-deep:#4E2470;--violet:#7B3FA0;
  --frame:#221E1A;--on-frame:#FFFFFF;   
  --shadow:0 1px 3px rgba(0,0,0,.07);--shadow-tile:0 1px 2px rgba(0,0,0,.06);
  
  --watch:var(--blue);--measure:var(--teal);--tell:var(--ochre);--learn:var(--violet);
  --watch-deep:var(--blue-deep);--measure-deep:var(--teal-deep);--tell-deep:var(--ochre-deep);--learn-deep:var(--violet-deep);
  
  --on-watch:#fff;--on-measure:#fff;--on-tell:var(--ochre-deep);--on-learn:#fff;
}

:root[data-theme="negative"]{
  --ground:#15130F;--panel:#1F1C18;--ink:#F1EDE6;--ink2:#B5AEA3;--ink3:#5C564E;--line:#3B3630;--grid:#2C2823;
  --frame:#000000;--on-frame:#FFFFFF;
  --blue-deep:#6FA6EE;--teal-deep:#3FB2D0;--ochre-deep:#F0C84A;--red-deep:#F0836A;--green-deep:#5FC487;--violet-deep:#B48AD6;
  --on-tell:#221E1A;
  --shadow:0 1px 3px rgba(0,0,0,.5);--shadow-tile:0 1px 2px rgba(0,0,0,.45);
}