/* Study Pill as a SKIN of the GlueArrow kit (gluearrow-ui, vendored in ./kit).
 *
 * The kit's contract: a surface owns exactly eight custom properties and
 * everything else is derived. Study Pill's look — warm paper, ink, one coral
 * accent — already lives in tokens.css and flips with [data-theme]. These
 * eight read those tokens, so the kit's header, buttons, fields and pills
 * wear Study Pill's paper without a second palette, and the dark theme
 * follows for free.
 *
 * Nothing else in this file may name a colour. The values are references.
 */
:root {
  --ga-accent:       var(--sp-coral);
  --ga-accent-ink:   var(--sp-on-coral);
  --ga-ink:          var(--sp-ink);
  --ga-surface:      var(--sp-paper);
  --ga-ground:       var(--sp-paper-2);
  --ga-font:         var(--sp-font-ui);
  --ga-radius-scale: 1;
  --ga-density:      1;
  /* The bar's contents line up with the app column (shell.css, 1360px). */
  --ga-head-max:     1360px;
  /* Derived by the kit where color-mix is supported; these are the flat
     fallbacks, spelled with Study Pill's own tokens rather than hex. */
  --ga-ink-2:        var(--sp-ink-2);
  --ga-ink-3:        var(--sp-ink-soft);
  --ga-line:         var(--sp-rule);
  --ga-accent-wash:  var(--sp-coral-soft);
  --ga-accent-deep:  var(--sp-coral-deep);
}