/* ============================================================ * Sound Collective — Design Tokens & Components * Source of truth: Figma "Color & Font Sheet" (Montserrat / 28 color vars / 7 text styles) * file: fPjY95UhP1I9BIfLJQkB3s node: 1007:31191 * これはコード側の単一の真実。Elementor Kit のグローバルカラー/フォントは * ここの HEX と一致させること(下の対応表)。 * ============================================================ */ :root { /* ===== Brand / category accents ===== */ --sc-brand-dj: #ff9d17; /* DJ (orange) */ --sc-brand-production: #f55dff; /* Music Production (magenta) */ --sc-brand-studio: #54eb77; /* Studio Engineering (green) */ --sc-brand-business: #62d2ff; /* Music Business (cyan) */ --sc-brand-vocal: #fffa5f; /* Vocals (yellow) */ /* ===== Primary & utility ===== */ --sc-primary: #f04b50; /* 主要CTA */ --sc-error: #ff0000; --sc-white: #f6f6f6; --sc-disable: #adb3bb; /* ===== Background ===== */ --sc-bg: #121212; /* サイト既定背景(ダーク) */ --sc-bg-bright: #272727; /* カード/サーフェス */ --sc-bg-bright-alpha: rgba(16,16,16,.8); --sc-bg-invert: #ffffff; --sc-bg-hover: rgba(255,255,255,.03); --sc-bg-hover-strong: rgba(255,255,255,.10); /* ===== Border ===== */ --sc-border: #7d7e80; --sc-border-dim: #353c45; --sc-border-invert: #f6f6f6; /* ===== Foreground (text) ===== */ --sc-fg: #f0f2f4; /* 本文/見出しの既定文字色 */ --sc-fg-secondary: #adb3bb; /* 補足テキスト */ /* ===== Button-specific ===== */ --sc-btn-outline: #ffffff; --sc-btn-outline-disable-text: #7a8492; --sc-btn-fill-disable-text: #949ca7; --sc-btn-filled-text: #0b0d27; /* Filledボタンの濃色文字 */ /* ===== Typography (Montserrat / line-height 140%) ===== */ --sc-font: 'Montserrat', sans-serif; --sc-fs-2xl: 24px; /* text-2xl Bold */ --sc-fs-xl: 20px; /* text-xl Bold */ --sc-fs-lg: 18px; /* text-sm18 Medium*/ --sc-fs-md: 16px; /* text-sm16 / bold版あり */ --sc-fs-sm: 14px; /* text-sm14 Medium*/ --sc-fs-xs: 12px; /* text-xs Medium*/ --sc-lh: 1.4; --sc-fw-bold: 700; --sc-fw-medium: 500; /* ===== Shape ===== */ --sc-radius-pill: 32px; /* ボタン */ --sc-radius-card: 12px; /* カード/パネル */ /* ===== Blocksy theme var override (GitHub #28) ===== * Blocksy はカスタマイザーのパレット由来の --theme-link-hover-color を * :root へ動的インライン