/* ==========================================================================
   tokens.css — 2つのモードが共有する骨格の変数
   値そのものは theme-student.css / theme-adult.css が上書きします。
   ========================================================================== */

:root {
  /* 余白のリズム */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 72px;
  --sp-9: 112px;

  /* 版面 */
  /* 日本語は 1 文字 = 1em。ch は半角基準なので em で測ります。 */
  --measure: 34em;
  --page-max: 1080px;
  --page-pad: var(--sp-5);

  /* モードごとに差し替わるもの（既定値は学生モード寄り） */
  --ink: #131c33;
  --ink-soft: #4a5878;
  --ink-faint: #8794b4;
  --paper: #edf2ff;
  --card: #ffffff;
  --line: #c9d6f5;
  --line-strong: #131c33;
  --accent: #2c63f5;
  --accent-ink: #ffffff;
  --accent-wash: #dbe5ff;
  --highlight: #ffe24a;
  --positive: #1eb98c;
  --alert: #ff4e6a;

  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --border-w: 2px;
  --shadow-card: 4px 4px 0 var(--line-strong);
  --shadow-lift: 6px 6px 0 var(--line-strong);

  --font-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", system-ui, sans-serif;
  --font-body: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;
  --display-weight: 900;
  --display-tracking: 0.01em;
  --heading-leading: 1.35;
  --body-leading: 1.85;

  --dur: 180ms;
  --ease: cubic-bezier(.2,.7,.3,1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 1ms; }
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}