/* ============================================= TiiFa BASE 社会 — 共通CSS変数・リセット variables.css 全HTML（01〜10）で共有するCSS変数とリセット。 各HTMLの 内で最初に読み込む: ============================================= */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800;900&display=swap'); :root { --tiifa: #5CC1C6; --tiifa-dark: #3DA8AD; --tiifa-light: #E8F7F8; --tiifa-bg: #F0F9F7; --navy: #1A3A5C; --red: #EF4444; --orange: #E07830; --pink: #EC4899; --mint: #10B981; --light-gray: #F3F4F6; /* パステルカラー（淡い背景・ボタン用） */ --pastel-lavender: #E8D5F5; --pastel-yellow: #FFF3D6; --pastel-ice: #D4EEF7; --pastel-mint: #D0F0E0; --pastel-teal: #C4E8EA; --pastel-pink: #FADCE4; --pastel-blue: #C8DDF5; --dark-gray: #374151; --font: 'Noto Sans JP', sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; user-select: none; font-family: var(--font); }