/* ========================================================= ZEROTRY — Brand Design Tokens 全サイト共通のデザイン変数。各サイトの style.css より先に読み込むこと。 ========================================================= */ :root { /* ---- Brand Colors ---- */ --bg: #0a0a0a; --bg-soft: #121212; --bg-elev: #161616; --fg: #f5f5f5; --fg-mute: #a1a1a1; --fg-dim: #6b6b6b; --line: #262626; --line-soft: #1c1c1c; --accent: #e8ff5a; /* electric lime */ --accent-dim:#b8c93f; /* ---- Layout ---- */ --max: 1440px; --pad-x: clamp(20px, 4vw, 72px); /* ---- Typography stacks ---- 実フォントのロードは各サイトの で Google Fonts を すること。 必要フォント: Space Grotesk / Zen Kaku Gothic New / JetBrains Mono */ --font-display: 'Space Grotesk', 'Zen Kaku Gothic New', sans-serif; --font-jp: 'Zen Kaku Gothic New', 'Space Grotesk', sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; --font-body: 'Space Grotesk', 'Zen Kaku Gothic New', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; /* ---- Breakpoints (参考値) ---- mobile ≤ 480px tablet ≤ 768px desktop ≥ 1024px */ }