/* EXSCOR web-ui tokens. Change the brand block for another brand; everything else derives. */
@font-face {
  font-family: "EXSCOR Web";
  src: url("ubuntu-sans-web.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}

:root {
  /* brand */
  --night: #0D1117;
  --night-2: #0A0E16;
  --surface: #111823;
  --accent: #00B2FF;        /* electric */
  --accent-2: #0057FF;      /* deep */
  --silver: #C0C6D4;
  --spark: #F4B860;         /* amber light streaks of the EXSCOR intro film; sparing accent */
  --streak: #3FC8E0;        /* cyan streaks of the intro film */
  --ok: #3DDC97;            /* positive deltas / passed checks only */
  --warn: #FFB547;

  /* text */
  --text: #F2F5FA;
  --text-2: #A9B2C3;
  --text-3: #6F7A8E;

  /* glass */
  --glass: rgba(255, 255, 255, .035);
  --glass-2: rgba(255, 255, 255, .06);
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .16);
  --highlight: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  --blur: 18px;

  /* shape */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --shadow: 0 24px 60px -20px rgba(0, 0, 0, .7);
  --glow: 0 0 0 1px rgba(0,178,255,.25), 0 12px 40px -12px rgba(0,178,255,.45);

  /* space and type */
  --gutter: clamp(16px, 4vw, 40px);
  --maxw: 1200px;
  --font: "EXSCOR Web", "Ubuntu Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --h1: clamp(2.2rem, 5.4vw, 4.2rem);
  --h2: clamp(1.7rem, 3.6vw, 2.8rem);
  --kinetic: clamp(2.8rem, 9vw, 7rem);

  /* motion */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --t-fast: 250ms;
  --t-swap: 450ms;
  --t-reveal: 700ms;
  --stagger: 80ms;
}