/*
 * デザイントークン。02-design.md §14.1
 * 色・余白・フォントはこの CSS 変数のみを使う。#hex の直書きは禁止。
 */

:root {
  color-scheme: light;

  /* ---- Color ---- */
  --color-ink:          #1B2A4A;
  --color-ink-muted:    #5A6480;
  --color-ink-faint:    #8A93A8;
  --color-paper:        #F7F6F3;
  --color-surface:      #FFFFFF;
  --color-surface-alt:  #F1EFEA;
  --color-line:         #E3DFD8;
  --color-line-strong:  #CDC7BC;
  --color-primary:      #B4374A;
  --color-primary-dark: #932B3B;
  --color-primary-tint: #FAEEF0;
  --color-accent:       #9C7A2A;
  --color-success:      #2F6B4F;
  --color-danger:       #8A1C24;
  --color-info:         #2A6B7C;

  /* ---- Font ---- */
  --font-mincho: "Shippori Mincho B1", "Hiragino Mincho ProN", serif;
  --font-gothic: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-figure: "Barlow Semi Condensed", var(--font-gothic);

  /* ---- Type ---- */
  --text-hero:      clamp(26px, 5vw, 40px);
  --text-h1:        clamp(22px, 3.4vw, 30px);
  --text-h2:        20px;
  --text-h3:        17px;
  --text-body:      15px;
  --text-article:   16px;
  --text-sm:        13px;
  --text-xs:        12px;
  --text-figure-lg: 28px;

  --leading-tight:   1.35;
  --leading-heading: 1.5;
  --leading-body:    1.9;
  --leading-article: 2.0;
  --tracking-body:   0.02em;

  /* ---- Space (4px base) ---- */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-6: 24px;  --space-8: 32px;  --space-12: 48px; --space-16: 64px;
  --space-24: 96px;

  /* ---- Layout ---- */
  --container:           1160px;
  --container-article:   680px;
  --container-diagnosis: 720px;
  --sidebar-filter:      240px;
  --sidebar-toc:         220px;
  --header-h:            64px;

  /* ---- Shape ---- */
  --radius-sm:   4px;
  --radius:      6px;
  --radius-full: 999px;

  --shadow-card:   0 1px 2px rgba(27,42,74,.06);
  --shadow-raised: 0 4px 16px rgba(27,42,74,.10);
  --shadow-modal:  0 16px 48px rgba(27,42,74,.18);

  /* ---- Motion ---- */
  --ease:          cubic-bezier(.2,.6,.3,1);
  --duration-fast: 120ms;
  --duration:      200ms;

  /* ---- Z ---- */
  --z-dropdown: 10; --z-header: 20; --z-sticky-cta: 30;
  --z-drawer: 40;   --z-modal: 50;  --z-toast: 60;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

.num { font-family: var(--font-figure); font-variant-numeric: tabular-nums; font-weight: 600; }