:root {
  --navy: #002e62;
  --deep-navy: #00234d;
  --red: #ca0101;
  --paper: #f8f4ed;
  --ink: #111;
  --footer-background: #40403e;
  --mincho: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --serif-en: "Libre Bodoni", "Times New Roman", serif;
  --canvas-progress: 0;
  --hero-progress: 0;
}

@media (max-width: 767px) {
  :root {
    --sp-gutter: 20px;
  }
}

/* Ambient fallback palette; see ambient.js for the WebGL palette. */
:root {
  color-scheme: light;
  --hag-navy: #00234d;
  --hag-blue: #005088;
  --hag-sky: #4896be;
  --hag-pale-blue: #98aecc;
  --hag-lavender: #c8bbcc;
  --hag-pink: #e3c3cc;
  --hag-pale-pink: #f4c8cc;
  --hag-red: #d52926;
  --hag-deep-red: #a00000;
  --hag-ivory: #f8f4ed;
}