/* ============================================================
音鳴つむぎ デザイントークン
カラーパレット: OKLCH ベース再設計版
タイポグラフィ: Raleway (EN display) / Montserrat (EN base) + Noto Sans JP (JA)
============================================================ */
/*
Google Fonts 読み込み（HTMLの に追加）:
*/
:root {
/* ----------------------------------------------------------
Typography — Font Family
---------------------------------------------------------- */
--font-en: 'Raleway', sans-serif;
--font-ja: 'Noto Sans JP', sans-serif;
--font-base: 'Raleway', 'Noto Sans JP', sans-serif;
/* ----------------------------------------------------------
Typography — Font Weight
---------------------------------------------------------- */
--weight-thin: 100;
--weight-light: 300;
--weight-regular: 400;
--weight-medium: 500;
--weight-semibold: 600;
--weight-bold: 700;
--weight-extrabold: 800;
--weight-black: 900;
/* ----------------------------------------------------------
Typography — Font Size
Base: 16px / scale: 1.25 (Major Third) を基準に調整
---------------------------------------------------------- */
--text-xs: 0.75rem; /* 12px */
--text-sm: 0.875rem; /* 14px */
--text-base: 1rem; /* 16px */
--text-md: 1.125rem; /* 18px */
--text-lg: 1.25rem; /* 20px */
--text-xl: 1.5rem; /* 24px */
--text-2xl: 1.875rem; /* 30px */
--text-3xl: 2.25rem; /* 36px */
--text-4xl: 3rem; /* 48px */
--text-5xl: 3.75rem; /* 60px */
/* ----------------------------------------------------------
Typography — Line Height
日本語本文は 1.8 以上を推奨
---------------------------------------------------------- */
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.75;
--leading-loose: 1.9;
/* ----------------------------------------------------------
Typography — Letter Spacing
日本語には原則 0 を使用。欧文見出し・ラベルに使用
---------------------------------------------------------- */
--tracking-tight: -0.02em;
--tracking-normal: 0em;
--tracking-wide: 0.05em;
--tracking-wider: 0.1em;
--tracking-widest: 0.2em;
/* ----------------------------------------------------------
Rose (H=353° chroma = sRGB max × 76.3%)
---------------------------------------------------------- */
--rose-50: #FDF2F6;
--rose-100: #FAE3EB;
--rose-200: #F6C5D8;
--rose-300: #F1A5C4;
--rose-400: #ED7AAE;
--rose-500: #DD4793;
--rose-600: #B23776;
--rose-700: #8F2B5D;
--rose-800: #6A1D44;
--rose-900: #440F2B;
--rose-950: #290617;
/* ----------------------------------------------------------
Violet (H=309° chroma = sRGB max × 41.4%)
---------------------------------------------------------- */
--violet-50: #F7F4F9;
--violet-100: #EDE7F3;
--violet-200: #DBCFE7;
--violet-300: #C9B6DA;
--violet-400: #B499CC;
--violet-500: #9D76BC;
--violet-600: #815A9F;
--violet-700: #66467F;
--violet-800: #4B335E;
--violet-900: #2F1E3C;
--violet-950: #1A0F23;
/* ----------------------------------------------------------
Neutral (C=0 純粋無彩色)
---------------------------------------------------------- */
--neutral-50: #F5F5F5;
--neutral-100: #EAEAEA;
--neutral-200: #D5D5D5;
--neutral-300: #BFBFBF;
--neutral-400: #A6A6A6;
--neutral-500: #898989;
--neutral-600: #6D6D6D;
--neutral-700: #575757;
--neutral-800: #3F3F3F;
--neutral-900: #272727;
--neutral-950: #151515;
}