/* COARAS-WEB-BEAUTY-20260604 · Brand layer tokens（全 LP 共通） * 正本: studies/COARAS-WEB-BEAUTY-20260604/coaras-brand-tokens.css * WEB: 各 LP で最優先読込 · Lane tokens より前 */ :root { /* ── Coaras corporate brand（coaras.com トップ正本） ── */ --coaras-brand-blue: #001489; --coaras-brand-blue-hover: #001070; --coaras-brand-dark: #0c2444; --coaras-brand-ice: #e8eef2; --coaras-brand-accent-sky: #00a3ff; --coaras-brand-white-warm: #f6f4ef; --coaras-brand-white: #ffffff; --coaras-brand-gray: #f5f5f7; /* サイトバー */ --coaras-bar-bg: var(--coaras-brand-blue); --coaras-bar-text: var(--coaras-brand-white-warm); --coaras-bar-link: rgba(255, 255, 255, 0.82); --coaras-bar-link-hover: var(--coaras-brand-white); --coaras-bar-home: var(--coaras-brand-white); --coaras-bar-border: rgba(255, 255, 255, 0.14); --coaras-bar-h: 2.25rem; /* /contact/ Phase 1 のみ — LP 主 CTA には使わない */ --coaras-contact-primary-bg: var(--coaras-brand-blue); --coaras-contact-primary-hover: var(--coaras-brand-blue-hover); --coaras-contact-on-primary: var(--coaras-brand-white); /* Corporate hero — クリスタル PNG */ --corp-hero-photo-max-h-mobile: min(56vh, 520px); --corp-hero-photo-max-h-desktop: 480px; --corp-hero-grid-min-h: max(var(--hero-min-h, 50vh), 72vh); }