/* ========================================================= Brand preset: Stripe（パープル） 切替方法: index.html の を brand-xxx.css に差し替えるだけ ========================================================= */ :root { /* --- RGB成分（rgbaグロー/影用。R,G,B のみ） --- */ --brand-rgb: 99, 91, 255; --brand-200-rgb: 179, 174, 255; --brand-2-rgb: 0, 212, 255; --brand-ink-rgb: 10, 37, 64; /* --- ソリッドランプ（明→暗） --- */ --brand-50: #f5f4ff; --brand-100: #e6e3ff; --brand-150: #d4cfff; --brand-200: #b3aeff; --brand-300: #968fff; --brand-400: #7a70ff; --brand-500: #635bff; --brand-600: #5247e0; --brand-700: #3f36b0; --brand: #635bff; /* CTA/主役のパープル */ --brand-dark: #4b40d8; /* ホバー/押下 */ --brand-ink: #0a2540; /* Stripe濃紺の背景 */ /* --- セカンダリ（グラデの相方：シアン） --- */ --brand-2: #00d4ff; --brand-2-light: #66e4ff; /* --- フォント（ブランドごとに差し替え可。未ロードのフォント名はsystem fallback） --- */ --font-body: 'Noto Serif JP', 'Hiragino Mincho ProN', 'YuMincho', 'Yu Mincho', serif; --font-num: 'Helvetica Neue', Arial, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; /* --- レガシーエイリアス（既存CSSが var(--accent) 等で参照） --- */ --accent: var(--brand); --accent-dark: var(--brand-dark); --accent-light: var(--brand-50); }