/* Scalearm News design tokens: fonts, colours, sizes. Shared by the reader (style.css) and the public directory (site.css). */

@font-face {
  font-family: 'Schibsted Grotesk';
  src: url('/fonts/schibsted-grotesk.woff2') format('woff2-variations');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Literata';
  src: url('/fonts/literata.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #f6f5f1;
  --surface: #ffffff;
  --ink: #14171c;
  --ink-2: #4b525c;
  --ink-3: #7d848e;
  --line: rgba(20, 23, 28, 0.09);
  --line-strong: rgba(20, 23, 28, 0.16);
  --accent: #0a1e36;          /* Scalearm navy: selection and the one primary action */
  --accent-ink: #ffffff;
  --link: #1d4877;
  --press: rgba(20, 23, 28, 0.05);
  --read: #8b919a;

  --head: 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;  /* headlines */
  --sans: 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;  /* interface */
  --reading: 'Literata', Georgia, 'Times New Roman', serif;  /* reading text */
  --reader-size: 18px;
  --bar-h: 52px;
  --tabs-h: 64px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e1115;
    --surface: #161a20;
    --ink: #eceef1;
    --ink-2: #a9b0ba;
    --ink-3: #7a828d;
    --line: rgba(236, 238, 241, 0.09);
    --line-strong: rgba(236, 238, 241, 0.16);
    --accent: #e9edf3;
    --accent-ink: #0e1115;
    --link: #9db8dd;
    --press: rgba(236, 238, 241, 0.06);
    --read: #6f7782;
    color-scheme: dark;
  }
}