/* Falpad's tokens: a contact sheet on a black light table, film frames, one bright light-blue pencil. Every value has a
   job (DESIGN.md). Type: Barlow Condensed for headlines, Geist for text, Geist Mono for figures. */
:root {
  color-scheme: dark;
  /* ground and surfaces */
  --bg: #0A0A0B;          /* the ground: black */
  --bg-2: #131315;        /* wells, inputs, unexposed frames */
  --surface: #141416;     /* cards */
  --surface-2: #1B1B1E;   /* menus, the modal */
  --film: #1D1D21;        /* frame borders: film, a step up from the ground so a frame reads on black */
  --edge: rgba(245, 245, 247, 0.5); /* edge print on film */

  /* ink */
  --ink: #F5F5F7;
  --ink-2: #B4B4BC;
  --muted: #8A8A93;       /* 6.1:1 on the ground */
  --line: rgba(255, 255, 255, 0.07);
  --line-2: rgba(255, 255, 255, 0.12);
  --line-3: rgba(255, 255, 255, 0.22);
  --border: 1px solid var(--line-2);

  /* the one accent, bright light blue: chosen. The headline's second line, the pencil loop, the main action, live. */
  --accent: #58D3FF;
  --accent-hover: #8BE1FF;
  --on-accent: #0A0A0B;   /* 11:1 */
  --pencil: var(--accent);

  /* states, for meaning only */
  --good: #6EE7A8;
  --bad: #FF8A8A;
  --warn: #F5C451;

  /* type: the same families as Higgspad */
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-text: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --display-weight: 700;
  --display-tracking: -0.015em;

  /* shape: film is square-cornered; controls are a little rounded */
  --r-sm: 6px;
  --r: 8px;
  --r-lg: 10px;
  --r-pill: 999px;
  --shadow: none;

  /* layout */
  --wrap: 1240px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 64px;

  /* motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 140ms;
  --t: 280ms;
  --t-draw: 700ms;
}