@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300..700&display=swap');

:root {
  --omni-color-primary: #064a45;
  --omni-color-surface: #2c4c47;
  --omni-color-text: #dcd9d2;
  --omni-color-white: #ffffff;
  --omni-color-page: #f7f8f8;
  --omni-font-base: 'Noto Serif TC', serif;
  --omni-font-accent: 'Cormorant', serif;
  --omni-content-max-width: 1400px;
  /* Breakpoint tokens are defined here for shared reference only.
     Keep actual media queries as literal values for stable local CSS support. */
  --omni-breakpoint-desktop-wide: 1620px;
  --omni-breakpoint-tablet: 1024px;
  --omni-breakpoint-mobile: 768px;
  --omni-breakpoint-mobile-narrow: 600px;
  --omni-breakpoint-mobile-small: 575px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body {
  background: var(--omni-color-page);
  font-family: var(--omni-font-base);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none !important;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}