:root {
  /* 配色：毛髪の有機的な色相（参考LP tokens.css より継承） */
  --c-base: #FAF8F4;
  --c-base-warm: #F2EDE2;
  --c-ink: #2B3A2E;
  --c-ink-soft: #4D5C50;
  --c-ink-faint: #8A968C;
  --c-melanin: #C77B4A;
  --c-melanin-deep: #8E4F2A;
  --c-water: #7BA098;
  --c-water-soft: #B5CDC6;
  --c-emphasis: #1A1A1A;
  --c-line: #D7CFC0;
  --c-line-faint: #ECE6D9;
  --c-accent-gold: #D4A84B;

  /* フォント */
  --ff-mincho: "Shippori Mincho B1", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  --ff-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", sans-serif;
  --ff-eng: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* タイポグラフィ */
  --fs-xxs: 12px;
  --fs-xs: 14px;
  --fs-sm: 16px;
  --fs-base: 17px;
  --fs-md: 19px;
  --fs-lg: 22px;
  --fs-xl: 28px;
  --fs-2xl: 38px;
  --fs-3xl: 52px;
  --fs-4xl: 72px;

  --lh-tight: 1.25;
  --lh-snug: 1.45;
  --lh-base: 1.75;
  --lh-loose: 2;

  /* スペーシング（8の倍数） */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 96px;
  --sp-9: 128px;

  /* レイアウト */
  --maxw-text: 720px;
  --maxw-wide: 1080px;
  --maxw-full: 1280px;

  /* その他 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-soft: 0 8px 32px rgba(43, 58, 46, 0.08);
  --shadow-strong: 0 12px 40px rgba(43, 58, 46, 0.15);

  --transition-base: 0.3s ease;

  /* ==== ここから 3Dビューア用トークン（新規追加） ==== */
  --c-cortex: #E8DCC8;          /* コルテックス基調色 */
  --c-melanin-dark: #1A1108;    /* メラニン：黒に近い側 */
  --c-melanin-light: #E8D9B8;   /* メラニン：脱色に近い側 */

  --c3d-canvas-bg: #FAF8F4;
  --c3d-panel-bg: #FFFFFF;
  --c3d-panel-border: var(--c-line);

  --panel-w: 320px;
  --header-h: 56px;
  --footer-h: auto;

  --z-canvas: 1;
  --z-overlay: 10;
  --z-panel: 20;
  --z-header: 30;
  --z-note: 40;
  --z-card: 50;

  /* ==== SPEC-v1.1 §9.3 追加：ラベル・スケールバーのピル背景（暗背景対応用の新規トークン） ==== */
  --label-bg: rgba(255, 255, 255, 0.88);
}

/* ==== SPEC-v1.1 §9.3：暗背景オーバーライド。既存 :root 値は一切変更せず、
   body[data-theme="dark"] 配下でのみ上書きする（追加のみ）。 ==== */
body[data-theme="dark"] {
  --c3d-canvas-bg: #141C18;   /* ページ背景 */
  --c3d-panel-bg: #1E2A24;    /* パネル背景 */
  --c-ink: #E8EFE9;           /* 文字色／ラベル文字 */
  --c-line: #3A4A42;          /* 罫線 */

  /* 表に明記はないが、上記4トークンだけでは可読性が保てない箇所への補助的な上書き
     （§9.3の意図＝暗背景でも見分けられる、を満たすための最小限の追随） */
  --c-ink-soft: #C3D0C8;
  --c-ink-faint: #8FA098;
  --c-line-faint: #2C3A34;
  --c-base: #141C18;
  --c-base-warm: #1E2A24;

  --label-bg: rgba(20, 28, 24, 0.88);
}