/*
 * Design tokens that aren't expressible in theme.json.
 *
 * Font sizes and the spacing scale live in theme.json and arrive as
 * --wp--preset--* custom properties. The palette and the two font stacks do not:
 * both are theme-owned rather than author-editable, and in theme.json a preset
 * is what *creates* the control that offers it. Declaring them here is what
 * keeps the choice out of the editor. Only add something here when theme.json
 * genuinely can't hold it.
 */

:root {
  /*
   * The palette. Not in theme.json's `settings.color.palette`, because a preset
   * there is what puts the colour swatches in the editor, and colour is the
   * theme's to decide. Nothing generates --wp--preset--color--* any more, so
   * these are the names to reach for.
   */
  --color-white: #fff;
  --color-black: #1a1a1a;
  --color-yellow: #f8f53e;
  --color-blue: #05a6e4;

  /* Player waveform. */
  --waveform-played: currentcolor;
  --waveform-remaining: color-mix(in srgb, currentcolor 25%, transparent);

  /* Named here, declared in fonts.css, and read from theme.json's `styles`. */
  --font-stack-body: "Instrument Sans", system-ui, sans-serif;
  --font-stack-headings: "Successor", system-ui, sans-serif;
}