:root {
    /* ===== Brand Colors (8 individualities) ===== */
    --color-sakura: #E7A7B5;
    --color-ume: #B6455F;
    --color-momo: #F4A88E;
    --color-sumomo: #8A97A6;
    --color-kurenai: #8E182D;
    --color-ran: #1F395E;
    --color-murasaki: #5B3C7D;
    --color-kiku: #C9A24B;

    /* ===== Base Colors ===== */
    --color-white: #FFFFFF;
    --color-off-white: #F8F7F5;
    --color-black: #111111;
    --color-dark-navy: #17223A;

    /* ===== Semantic ===== */
    --color-bg: var(--color-white);
    --color-bg-alt: var(--color-off-white);
    --color-text: var(--color-black);
    --color-text-soft: #4A4A4A;
    --color-text-muted: #8A8A8A;
    --color-text-inverse: var(--color-white);
    --color-accent: var(--color-dark-navy);
    --color-line: #E3E0DA;
    --color-line-soft: #ECEAE5;

    /* ===== Typography ===== */
    --font-serif-jp: 'Noto Serif JP', 'Hiragino Mincho ProN', serif;
    --font-sans-jp: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;
    --font-serif-en: 'Cormorant Garamond', 'Noto Serif JP', serif;

    --fs-hero: clamp(2.4rem, 5.4vw, 4.6rem);
    --fs-h1: clamp(2rem, 4vw, 3.2rem);
    --fs-h2: clamp(1.7rem, 3vw, 2.4rem);
    --fs-h3: clamp(1.25rem, 2vw, 1.6rem);
    --fs-lead: clamp(1.05rem, 1.6vw, 1.25rem);
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --fs-label: 0.8rem;

    --lh-tight: 1.35;
    --lh-base: 1.9;

    --ls-label: 0.22em;
    --ls-wide: 0.08em;

    /* ===== Layout ===== */
    --container-width: 1280px;
    --container-padding: clamp(24px, 5vw, 80px);
    --section-space: clamp(96px, 14vw, 200px);
    --section-space-sm: clamp(64px, 9vw, 120px);

    /* ===== Motion ===== */
    --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
    --dur-fast: 0.3s;
    --dur-mid: 0.7s;
    --dur-slow: 1.4s;

    /* ===== Elevation / lines ===== */
    --header-height: 88px;
    --header-height-sm: 68px;
}