@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,500,400,600|Noto+Sans+JP:500,400,300");

:root {
  --surface-mint: #dee5de;
  --surface-beige: #ece3d2;
  --surface-ivory: #f7f6f0;
  --text-primary: #494949;
  --text-secondary: #000000;
  --accent-olive: #696535;
  --accent-gold: #b88c49;
  --accent-amber: #ad6a09;

  --font-serif: "Noto Serif JP", Helvetica, serif;
  --font-sans: "Noto Sans JP", Helvetica, sans-serif;

  --fs-xl: 2.2rem;
  --fs-lg: 1.75rem;
  --fs-md: 1.25rem;
  --fs-sm: 0.9rem;

  --section-pad-y: 4rem;
  --section-pad-x: 1.5rem;

  --btn-radius: 8px;
  --btn-pad: 0.75rem 1.5rem;
}

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
  background-color: var(--surface-ivory); 
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}