/* Otona Match Navi — Design Tokens v2 (2026-04-18) */

:root {
  /* ── Color ── */
  --om-cream:       #f7f3eb;
  --om-cream-soft:  #faf6ed;
  --om-cream-paper: #ede2d0;
  --om-ink:         #1a1512;
  --om-ink-mid:     #4a4038;
  --om-ink-soft:    #6b6259;
  --om-burgundy:      #8b1c2e;
  --om-burgundy-deep: #6b1424;
  --om-bronze:      #b8935a;
  --om-bronze-soft: #d4b585;
  --om-dark-base:   #1a0e13;
  --om-dark-elev:   #2c1620;
  --om-rule:        #d8cfbe;

  /* ── Typography ── */
  --om-font-serif-display: 'Playfair Display', 'Noto Serif JP', Georgia, serif;
  --om-font-serif-body:    'Noto Serif JP', serif;
  --om-font-sans:          'Inter', 'Noto Sans JP', sans-serif;

  --om-fs-hero:    54px;
  --om-fs-h1:      42px;
  --om-fs-h2:      32px;
  --om-fs-h3:      22px;
  --om-fs-h4:      17px;
  --om-fs-deck:    19px;
  --om-fs-body:    16.5px;
  --om-fs-caption: 13px;
  --om-fs-label:   11px;

  --om-lh-tight:   1.2;
  --om-lh-snug:    1.35;
  --om-lh-normal:  1.55;
  --om-lh-loose:   1.95;

  --om-track-wide: 3px;
  --om-track-mid:  2px;

  /* ── Spacing (8px base) ── */
  --om-sp-4:   4px;
  --om-sp-8:   8px;
  --om-sp-16: 16px;
  --om-sp-24: 24px;
  --om-sp-40: 40px;
  --om-sp-64: 64px;
  --om-sp-96: 96px;
  --om-sp-120: 120px;

  /* ── Grid ── */
  --om-max-content:  1120px;
  --om-max-article:   720px;
  --om-side-padding:   56px;
  --om-rail-width:    320px;
  --om-gutter:         40px;
}