/* Asked for in your own words:
 * Restored the colour on buttons that are links
 */
/* Buttons that are links had lost their colour.
 *
 * The build styles its buttons inside `@layer components`, but the reset it
 * ships emits `a { color: inherit }` unlayered — and an unlayered rule beats
 * every layer, whatever the specificity. So each `<a class="button …">` threw
 * away the colour its own rule gave it and inherited `--ink` from the body:
 * #242820 charcoal. On the dark olive button that is charcoal on charcoal,
 * near enough invisible; on the red one it is barely better.
 *
 * These restore exactly the colours the design asked for, taken from its own
 * rules rather than chosen here, and they win because this stylesheet is
 * unlayered too and is served after the build's. Written as `a.button-…` so
 * they only touch the links that lost the argument — the real <button>
 * elements were never affected. */

a.button-primary,
a.button-dark {
  color: var(--paper);
}

a.button-outline {
  color: var(--olive-deep);
}

a.button-outline:hover {
  color: var(--paper);
}

a.dish-card-olive,
a.dish-card-pomegranate {
  color: var(--paper);
}

a.footer-order {
  color: var(--pomegranate);
}