/* ===== まるまえ — base.css ===== */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

:root {
  --ivory:       #f7f1e3;
  --ivory-mid:   #ede4cc;
  --ivory-dark:  #ddd0b0;
  --bark:        #4a3320;
  --bark-mid:    #6b4c2a;
  --bark-light:  #9a7046;
  --moss:        #2d5016;
  --moss-mid:    #3d6b20;
  --moss-light:  #5a8c38;
  --rust:        #8b2e1a;
  --rust-mid:    #a83d24;
  --sand:        #c8a96e;
  --sand-light:  #e0c88a;
  --text:        #2c1e0f;
  --text-mid:    #4a3825;
  --text-muted:  #7a6048;
  --font-serif:  'Shippori Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
  --font-sans:   'Noto Sans JP', -apple-system, sans-serif;
  --max-width:   1140px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--font-sans);
  background: var(--ivory);
  color: var(--text);
  line-height: 1.75;
  min-height: 100vh;
}

a { color: var(--moss-mid); text-decoration: none; transition: color .18s; }
a:hover { color: var(--moss); text-decoration: underline; }

img { display: block; max-width: 100%; }

h1, h2, h3 { font-family: var(--font-serif); line-height: 1.4; }

/* ===== UTILITY ===== */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }