/* SeeKick public site, design tokens. Editorial light: white paper, black ink, hairline rules, one accent.
   Type: Schibsted Grotesk (a newspaper grotesk, display and text) and IBM Plex Mono (data, labels, captions).
   The team colours appear only inside product figures, never as decoration. */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url("/fonts/schibsted-grotesk-normal-400-900.woff2") format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:italic;font-weight:400 700;font-display:swap;src:url("/fonts/schibsted-grotesk-italic-400-700.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/ibm-plex-mono-normal-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/ibm-plex-mono-normal-500.woff2") format("woff2")}

:root{
  --paper:#ffffff;
  --paper-2:#f3f4f5;           /* alternate sections */
  --paper-3:#e9ebee;
  --ink:#0d0f12;
  --ink-2:#434a54;
  --ink-3:#6f7782;
  --rule:#e2e5e9;
  --rule-2:#c9ced5;
  --accent:#c2406f;            /* the app's own pink, light-theme value: links, the live marker, focus */
  --accent-ink:#a3315b;
  --night:#0b0d10;             /* the one dark section */
  --night-2:#14171b;
  --night-ink:#eef0f3;
  --night-ink-2:#a2aab6;
  --team-a:#2f6fd1;
  --team-b:#e0601f;
  --ref:#8a929d;
  --pitch:#1d6b45;
  --ok:#1f8a55;

  --text:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",monospace;

  --r:10px;
  --r-sm:6px;
  --ease:cubic-bezier(.2,.7,.2,1);

  --gutter:clamp(20px,4vw,40px);
  --wrap:1240px;
  --section:clamp(80px,10vw,136px);
  color-scheme:light;
}