/* foundationcss.com: the site's GitHub-dark palette and teal accent as Yeti
   tokens. A theme is values only, the shape of Yeti's dist/themes/soft.css;
   load it after yeti.css. Colours derive from the hues and chroma below
   through oklch() and light-dark() in Yeti's own token layer — no hex values
   here, and none needed: the ladder's fixed lightness steps already land
   within a couple of units of the site's current #0d1117/#161b22/#e6edf3
   (see task-2-report.md for the probe numbers). */
:root {
  /* Pins the dark values of every light-dark() pair; today the site has no
     light mode and a demo frame should not pick one up from the reader's OS. */
  color-scheme: dark;

  /* oklch hue of the site's teal accent #198DA0. */
  --yeti-hue-primary: 205;
  --yeti-chroma: 0.09;

  /* GitHub's blue-grey; tints surfaces, text and borders. */
  --yeti-hue-neutral: 255;

  /* Site's --radius (12px) and --radius-sm (8px). */
  --yeti-radius-lg: 0.75rem;
  --yeti-radius-md: 0.5rem;

	/* The surfaces, the border and the text are set outright rather than
	   derived from a hue and a chroma. Yeti builds its neutrals from a private
	   lightness ladder that carries its contrast guarantee, so a theme cannot
	   move them by input; it can, and this is what the tokens are for, name
	   them. These are the site's own palette, unchanged, with the hex each one
	   came from. */
	--yeti-color-surface: oklch(0.176 0.014 258); /* #0d1117, the page */
	--yeti-color-surface-raised: oklch(0.220 0.016 257); /* #161b22, a card */
	--yeti-color-surface-sunken: oklch(0.246 0.017 260); /* #1c2129, a card under the pointer */
	--yeti-color-border: oklch(0.330 0.015 252); /* #30363d */
	--yeti-color-text: oklch(0.918 0.006 255); /* #e1e4e8, a shade off white so the headings sit rather than glare */
	--yeti-color-text-muted: oklch(0.662 0.018 251); /* #8b949e */
	--yeti-color-primary: oklch(0.593 0.098 212); /* #198DA0, the accent */

	/* The card does not move on hover. Any rise at all reads as jerky on a
	   tile this size, so the lift is all shadow and surface: the teal glow the
	   old design used, and the surface change under it. Keeping `lift` rather
	   than hand-rolling the hover still buys the keyboard-focus case. */
	/* The lede sits one step above the reference pages' 1rem body, not one step
	   above Yeti's own scale: text-lg derives from the root base of 1.125rem
	   and lands on 24px, which is a heading rather than a standfirst here. */
	--yeti-lede-size: 1.125rem;
	/* Fifty characters is Yeti's default because its lede sits a third above
	   the body; ours sits an eighth above, so the same count reads much shorter
	   than it is meant to. */
	--yeti-lede-measure: 55ch;

	--yeti-lift-distance: 0;

	/* The entrance: ease-out and a beat before the first card, as the old
	   card-enter had. Yeti's own curve starts faster and stops harder, which
	   reads as a snap on something this large. */
	--yeti-enter-delay: 0.1s;
	/* The 0.15s crossfade this site has always had; Yeti's default is 200ms. */
	--yeti-page-duration: 0.15s;
	--yeti-lift-shadow: 0 8px 30px oklch(0.593 0.098 212 / 0.15);
}