/* ═══════════════════════════════════════════
   MSNR_Create — Global Stylesheet
   サイト全体に適用される共通スタイル
═══════════════════════════════════════════ */

/* ── カスタムプロパティ ── */
:root {
  --accent:   #7c3aed;
  --bg:       #0a0a14;
  --surface:  #12121e;
  --text:     #e8e8f0;
  --muted:    #6b7280;
  --radius:   8px;
  --max-w:    1200px;
}

/* ── リセット ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: system-ui, sans-serif; background: var(--bg); color: var(--text); line-height: 1.7; }
img { max-width: 100%; display: block; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ── ユーティリティ ── */
.container { max-width: var(--max-w); margin-inline: auto; padding-inline: 1.5rem; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }