/* Theme overrides for Pico sand.
   Pico uses :root:not([data-theme=dark]) which has specificity (0,2,0).
   We match that selector to override at the same specificity,
   winning by load order: this file is named `zz-theme.css` so it sorts
   after `vendor/pico.sand.css` in Propshaft's lexicographic CSS load
   path. See `test/integration/css_load_order_test.rb` for the
   load-order invariant.
   Values reference the sand palette from vendor/pico.colors.css. */

:root:not([data-theme=dark]) {
  --pico-h1-color: var(--pico-color-sand-800);
  --pico-h2-color: var(--pico-color-sand-750);
  --pico-h3-color: var(--pico-color-sand-700);
  --pico-h4-color: var(--pico-color-sand-650);
  --pico-h5-color: var(--pico-color-sand-600);
  --pico-h6-color: var(--pico-color-sand-550);
}