:root {
  --navy: #0B1330;
  --navy-deep: #1A2C60;
  --panel: #13224F;
  --cream: #F3EBDD;
  --white: #FFFFFF;
  --yellow: #FFD23F;
  --yellow-soft: #FFE48A;
  --red: #E8382F;
  --red-dark: #B4231B;
  --red-soft: #FFB4AD;
  --green-soft: #A8E6C6;
  --backdrop: rgba(11, 19, 48, 0.72);

  --ink: #0B1330;
  --ink-2: #1F2A4D;
  --ink-3: #3B4466;
  --ink-4: #4A557A;
  --on-navy: #DCE2F2;
  --on-navy-2: #C9D1EA;
  --on-navy-3: #A9B4D6;
  --on-navy-4: #8D9AC4;
  --border-on-navy: #6D7AA6;

  --region-hokkaido: #BFE3F0;
  --region-tohoku: #C9E7C4;
  --region-kanto: #F6CBC6;
  --region-chubu: #F6E3AA;
  --region-kansai: #DCCDF1;
  --region-chugoku: #F8D3AF;
  --region-shikoku: #BDE6DC;
  --region-kyushu: #CBD5F5;
  --region-pending: #DCE2F2;
  --region-link-only: #B9C1DA;

  --cat-food: #FFB4AD;
  --cat-temple: #DCCDF1;
  --cat-nature: #A8E6C6;
  --cat-shop: #FFE48A;
  --cat-stay: #BFE3F0;
  --cat-transport: #F8D3AF;
  --cat-residence: #CFE06A;
  --cat-other: #FFFFFF;

  --day-0: #E8382F;
  --day-1: #2F6FE8;
  --day-2: #13915A;
  --day-3: #8A3FD1;
  --day-4: #E07B12;
  --day-5: #0E8C9C;
  --day-6: #C2185B;
  --day-7: #4A557A;

  --font-display: Archivo, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --border: 3px;
}