:root {
  --color-charcoal: #444444;
  --color-tan: #c2b492;
  --color-teal-deep: #1f6f68;
  --color-bluegray: #9eaab1;
  --color-offwhite: #fcfaf6;
  --bg: var(--color-offwhite);
  --color-muted: #777777;
  --color-cta: #356f75;
  --color-map: #8c8881;
  --color-white: #ffffff;
  --color-beige: #fcf5e8;
  --color-mint: #f3fafa;
  --color-mint-deep: #e3efee;
  --color-line-soft: #c7d2d1;
  --color-gold-soft: #a69a7d;
  --color-red: #ed2c1a;
  --color-red-soft: #de5b52;
  --color-desktop-bg: #ece9e2;
  --color-select-border: #444444;
  --color-icon-dark: #7a7a7a;
  --color-misconception: #cdd2d3;
  --font-serif: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-en: "Cormorant Infant", "Zen Old Mincho", serif;
  --font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;
  --page-max: 480px;
  --gutter: 16px;
  --content: 448px;
  --header-h: 64px;
  --nav-h: 60px;
  --gold-grad: linear-gradient(to bottom, #c2b492, #a69a7d);
}