/*
 * yomulab design tokens (v2)
 * Editorial · investor-grade · text-forward
 */
:root {
  /* === color: surface === */
  --bg: #f7f6f2;            /* paper / archive feel */
  --bg-elevated: #ffffff;
  --bg-deep: #0e0f12;       /* near-black for inverted blocks */
  --bg-soft: #ecebe5;

  /* === color: ink === */
  --ink: #14161a;
  --ink-muted: #5e6168;
  --ink-subtle: #8a8d94;
  --ink-inverse: #f7f6f2;

  /* === color: line === */
  --line: #e3e1da;
  --line-strong: #c9c7be;
  --line-inverse: #2a2c31;

  /* === color: accent === */
  --brand: #1d4ed8;         /* deeper, more "finance" blue */
  --brand-deep: #0b2a8a;
  --brand-tint: #e8edfb;
  --gold: #c8a24a;          /* muted gold — investor/archive cue */
  --gold-soft: #f3ead4;
  --highlight: #fde68a;

  --good: #047a4a;
  --warn: #b45309;

  /* === typography ===
     - sans: Inter (en) + Hiragino Sans (ja). 本文・コピー・漢字すべて担当
     - serif: Source Serif 4 — 英字の見出しアクセントのみで使用
     - mono: JetBrains Mono — ラベル / 数値
  */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  --font-serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  /* === layout === */
  --max: 1200px;
  --max-narrow: 880px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* === motion === */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}