/* base.css — reset、設計 token（色盤/字體）、排版基準 */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: auto; /* Lenis 接管，關掉原生 smooth */ }

:root {
  /* 色盤（spec §7） */
  --c-deep:    #07131f;   /* Deep Water Blue（主，最深背景） */
  --c-river:   #2f7fb5;   /* River Blue（次） */
  --c-river-l: #7ec8ff;   /* River Blue 亮（水流高光） */
  --c-mist:    #eef3f7;   /* Mist White（主文字） */
  --c-earth:   #6b5743;   /* Earth Brown（點綴） */
  --c-forest:  #4f7a52;   /* Forest Green（點綴） */
  --c-muted:   rgba(238, 243, 247, 0.7);

  /* 字體 */
  --font-serif: "Noto Serif TC", serif;
  --font-sans:  "Noto Sans TC", system-ui, sans-serif;

  /* 節奏 */
  --maxw: 720px;
  --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
}

body {
  font-family: var(--font-sans);
  color: var(--c-mist);
  background: var(--c-deep);
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

h1, h2 { font-family: var(--font-serif); font-weight: 700; line-height: 1.3; letter-spacing: 0.02em; }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: none; }
img, svg { display: block; max-width: 100%; }
[hidden] { display: none !important; }