/* ==========================================================================
   CSS Custom Properties — 要件定義書「7-4」完全転記
   ========================================================================== */

:root {
  /* ブランド6色 */
  --color-01: #D94F3B;  /* 朱 (Vermilion) */
  --color-02: #2E8B6A;  /* 翠 (Jade) */
  --color-03: #C4922A;  /* 琥珀 (Amber) */
  --color-04: #3D5A99;  /* 藍 (Indigo) */
  --color-05: #E8829B;  /* 桜 (Sakura) */
  --color-06: #7B5EA7;  /* 紫苑 (Aster) */

  /* ベースカラー */
  --color-snow: #F5F5F5;
  --color-bg: #F2F2F2;
  --color-white: #FFFFFF;
  --color-ash: #F7F7F7;
  --color-cloud: #F2F2F2;
  --color-base: #1A1A1A;
  --color-smoke: #666666;
  --color-muted: #9E9E9E;
  --color-border: #EBEBEB;
  --color-dark: #262626;
  --color-charcoal: #2E2E2E;

  /* タイポグラフィ */
  --font-family-base: Inter, 'Noto Sans JP', sans-serif;
  --font-family-red-hat: 'Red Hat Display', sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;

  /* レタースペーシング */
  --tracking-negative: -0.02em;
  --tracking-none: 0;
  --tracking-tighter: 0.01em;
  --tracking-base: 0.02em;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.1em;

  /* 行間 */
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-half: 1.5;
  --leading-base: 1.6;
  --leading-loose: 1.75;
  --leading-wide: 2.0;

  /* 形状 */
  --border-radius: 1.6rem;
  --border-radius-inner: 0.8rem;
  --border-radius-full: 9999px;
  --border-width: 0.2rem;

  /* イージング */
  --ease-wow: cubic-bezier(0.16, 0.07, 0, 0.99);
  --ease-wwow: cubic-bezier(0.71, 0.44, 0, 0.99);
  --ease-relax: cubic-bezier(0.32, 0.18, 0.08, 0.99);

  /* カラーローテーション用（JS更新） */
  --rotation-color: var(--color-01);

  /* ストロークホバー用 */
  --stroke-color-top: var(--color-border);
  --stroke-color-right: var(--color-border);
  --stroke-color-bottom: var(--color-border);
  --stroke-color-left: var(--color-border);

  /* --vw: JSで設定 */
}