/* ==========================================================================
   若水文化 ブランドサイト（v1 育成サイトと共通） — Design tokens
   Layout concept: 「水面の光」。明るい白地に、ミント→花びら→藤色→レモンの
   虹彩グラデーションを薄く重ねる（参考C：資生堂美容技術専門学校の実測値を
   若水用に再調整）。写真の上の半透明パネルは「意味のある場所」だけに使う。
   色・透明度・書体・間隔はすべてここで管理する。コンポーネント側で
   直接カラーコードを書かないこと。
   ========================================================================== */

:root {
  font-synthesis: none;
  --title-x: 0.85;
  --title-up: 1.15;
  --proof-number-base: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
  color-scheme: light; /* 明るく通透なブランド表現を前提にしたライト単一テーマ */

  /* --- Base ------------------------------------------------------------- */
  --wk-white: #ffffff;
  --wk-mist: #f5fbfa;          /* セクション切替用のごく淡い水色 */

  /* --- Aqua（C実測 rgb(213,244,240)→rgb(230,251,240) を基準） ---------- */
  --wk-aqua-50: #ebf8f5;
  --wk-aqua-100: #d5f1ec;
  --wk-aqua-300: #a6dcd4;
  --wk-aqua-500: #4fa9a2;
  --wk-aqua-700: #236864;      /* 白地 6.0:1／aqua-100 上 4.9:1。リンク・小見出し */

  /* --- Petal（C実測 rgb(255,194,222) / rgb(219,75,131) を落ち着かせた） -- */
  --wk-petal-50: #fff3f6;
  --wk-petal-100: #fde0ea;
  --wk-petal-300: #f3b3c8;
  --wk-petal-600: #a33a62;     /* 白地 6.3:1／petal-100 上 5.0:1。強調ラベル */

  /* --- Lilac（C実測 rgb(211,198,244)） --------------------------------- */
  --wk-lilac-50: #f6f3fd;
  --wk-lilac-100: #e8e1fa;
  --wk-lilac-300: #cabdf0;
  --wk-lilac-600: #6a58a8;

  /* --- Lemon（C実測 rgba(255,242,154,.9)／参考Aの蛍光マーカー役） ------- */
  --wk-lemon-100: #fbf6d0;
  --wk-lemon-300: #f2e88e;

  /* --- Gold（ブランド既存の沈金 #a8825a ＋ C の数字色） ----------------- */
  --wk-gold: #a07a50;          /* 白地で 3.9:1 → 大きな数字専用 */
  --wk-gold-deep: #84623d;     /* 白地で 5.6:1 → 小さな文字に使う場合 */

  /* --- Ink（文字色。灰色ではなく、水の深い青みを帯びた墨） ------------ */
  --wk-ink: #22303a;
  --wk-ink-2: #45535d;
  --wk-ink-3: #66727c;         /* キャプション（白地 4.8:1） */
  --wk-line: rgba(34, 48, 58, 0.12);
  --wk-line-strong: rgba(34, 48, 58, 0.22);
  --wk-focus: #236864;

  /* --- Signature gradients --------------------------------------------- */
  --wk-iris: linear-gradient(100deg, #fbf3c4 0%, #f9cedc 36%, #dcd2f7 66%, #c3eae4 100%);
  --wk-iris-vertical: linear-gradient(180deg, #fbf3c4 0%, #f9cedc 34%, #dcd2f7 68%, #c3eae4 100%);
  --wk-iris-soft: linear-gradient(120deg, rgba(251, 243, 196, 0.6) 0%, rgba(249, 206, 220, 0.6) 38%, rgba(220, 210, 247, 0.55) 68%, rgba(195, 234, 228, 0.6) 100%);
  --wk-wash: linear-gradient(165deg, rgba(249, 206, 220, 0.38) 0%, rgba(220, 210, 247, 0.26) 46%, rgba(195, 234, 228, 0.4) 100%);
  --wk-media-reference-wash: linear-gradient(140deg, var(--wk-petal-100), var(--wk-aqua-50));
  --wk-media-reference-overlay-none: 0;
  --wk-media-reference-overlay-softest: 0.04;
  --wk-media-reference-overlay-soft: 0.08;
  --wk-stripe: repeating-linear-gradient(135deg, rgba(243, 179, 200, 0.55) 0 10px, rgba(255, 255, 255, 0.0) 10px 20px);

  /* --- Translucent panels（使いどころを限定） --------------------------- */
  --wk-glass-bg: rgba(255, 255, 255, 0.74);
  --wk-glass-bg-strong: rgba(255, 255, 255, 0.88);
  --wk-glass-border: rgba(255, 255, 255, 0.7);
  --wk-glass-blur: 16px;
  --wk-scrim-hero: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(245, 251, 250, 0.35) 58%, rgba(245, 251, 250, 0.92) 100%);

  /* --- Shadows ---------------------------------------------------------- */
  --wk-shadow-soft: 0 10px 30px -14px rgba(42, 70, 92, 0.28);
  --wk-shadow-lift: 0 22px 48px -20px rgba(42, 70, 92, 0.38);
  --wk-shadow-pill: 0 8px 22px -10px rgba(120, 90, 140, 0.45);

  /* --- Typography ------------------------------------------------------- */
  --wk-font-display: "WK Japanese Display", "Noto Serif CJK JP", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --wk-font-body: "WK Japanese Text", "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  --wk-font-latin: "WK Latin", "Bodoni 72", "Didot", Georgia, serif;

  --fs-2xs: 0.6875rem;   /* 11px 英字ラベル */
  --fs-xs: 0.75rem;      /* 12px */
  --fs-sm: 0.8125rem;    /* 13px キャプション */
  --fs-secondary: 0.75rem; /* 12px 補助ラベル */
  --fw-secondary: 400;
  --fw-label: 500;
  --fs-base: 0.9375rem;  /* 15px 本文（モバイル） */
  --fs-md: 1rem;         /* 16px */
  --fs-lg: 1.1875rem;    /* 19px 小見出し */
  --fs-xl: clamp(1.375rem, 1.15rem + 1vw, 1.75rem);
  --fs-2xl: clamp(1.625rem, 1.25rem + 1.8vw, 2.5rem);
  --fs-hero: clamp(2rem, 1.35rem + 3.2vw, 3.5rem);
  --fs-numeral: clamp(2.75rem, 2rem + 3vw, 4.5rem);

  --lh-tight: 1.35;
  --lh-head: 1.5;
  --lh-body: 1.95;       /* 参考E：ゆったりした行送り */
  --ls-body: 0.04em;
  --ls-head: 0.06em;
  --ls-label: 0.18em;

  /* --- Spacing ---------------------------------------------------------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;
  --section-y: clamp(72px, 9vw, 136px);
  --gutter: clamp(20px, 5vw, 48px);
  --container: 1180px;
  --measure: 34em;       /* 和文本文の行長 */

  /* --- Home refinements: preserve type and media, shorten empty space ---- */
  --home-hero-min-height: max(580px, min(76svh, 720px));
  --home-hero-top-space: var(--sp-7);
  --home-name-y: clamp(44px, 6vw, 72px);
  --home-name-mark-size: clamp(148px, 42vw, 168px);
  --home-name-mark-type: clamp(2.25rem, 1.75rem + 2vw, 2.75rem);
  --home-pillars-y: clamp(56px, 7vw, 104px);
  --home-pillar-icon-size: 44px;
  --home-pillar-motif-size: 26px;

  /* --- Radii ------------------------------------------------------------ */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;
  --r-arch: 999px 999px 18px 18px;

  /* --- Chrome ----------------------------------------------------------- */
  --header-h: 60px;
  --bar-h: 64px;
  --z-header: 50;
  --z-bar: 40;
  --z-menu: 60;

  /* --- Motion ----------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.35s;
}

@media (min-width: 900px) {
  :root {
    --fs-base: 1rem;
    --header-h: 72px;
    --home-hero-min-height: max(580px, min(88svh, 860px));
    --home-hero-top-space: 72px;
    --home-name-mark-size: 280px;
    --home-name-mark-type: 3.5rem;
  }
}

/* 中国語ページ：簡体字を含むフォントに切り替える（和文フォントには簡体字がないため） */
:lang(zh-Hans) {
  --wk-font-display: "WK Chinese Display", "Source Han Serif SC", "Songti SC", "Noto Serif CJK SC", serif;
  --wk-font-body: "WK Chinese Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --ls-body: 0.02em;
}