/* ===== Base (tokens, resets, typography) ===== */

:root {
  --text: black;
  --muted: black;
  --line: #263142;
  --glass-bg: rgba(8,12,18,.45);
  --blur: 8px;

  /* Slider timing */
  --dur: 28s; /* 4枚×7s */
  --fade: 1s;
}

* { box-sizing: border-box }
html, body { height: 100%; margin: 0 }

body {
  font-family: "Noto Sans JP","Helvetica Neue","Helvetica","Hiragino Sans","Arial","Yu Gothic","Meiryo",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif;
  color: var(--text);
  background: white;
  font-size: 15px;
  line-height: 1.5;
}

/* Footer - ページ背景と一体化（背景は継承し違和感を抑える） */
.footer { background: transparent; }
.footer .container { padding: 24px clamp(16px, 4vw, 40px); }
.footer p { margin: 0; opacity: .85; }

/* Controls */
label, input, button, select, textarea { cursor: pointer; }
button { border-width: 0; }
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], textarea { cursor: text; }

/* Containers */
.container { width: 100%; max-width: none; margin-inline: 0; padding-inline: clamp(16px, 4vw, 40px); }