/* =========================================================
   ぬりおた — デザイントークン
   コンセプト:「カッティングマットの上の色見本」
   深緑のカッティングマット × ニッパーオレンジ × ラベル紙
   ========================================================= */
:root {
  /* カッティングマット（背景） */
  --mat-base: #16352c;
  --mat-deep: #0e261f;
  --mat-line: rgba(255, 255, 255, 0.055);
  --mat-line-strong: rgba(255, 255, 255, 0.10);

  /* 面・カード */
  --surface: #f6f3ea;        /* ラベル紙（オフホワイト） */
  --surface-dim: #ece7d8;
  --panel: #1d423a;          /* マット上の濃いパネル */
  --panel-edge: rgba(255, 255, 255, 0.12);

  /* 文字 */
  --ink: #22302a;            /* 紙の上の文字 */
  --ink-soft: #5c6a61;
  --paper-text: #eef0e9;     /* マット上の文字 */
  --paper-text-dim: #a8bcb0;

  /* アクセント：ニッパーのグリップオレンジ */
  --accent: #ff6b35;
  --accent-deep: #e0501d;
  --accent-soft: rgba(255, 107, 53, 0.16);

  /* 補助 */
  --tape: #f2d16b;           /* マスキングテープ黄 */
  --ok: #64b98a;

  /* タイポグラフィ
     --font-display はロゴ・数字など「潰れても味になる」箇所限定。
     日本語の見出しは --font-heading（可読性重視の太ゴシック）を使う */
  --font-display: "Dela Gothic One", "Zen Kaku Gothic New", sans-serif;
  --font-heading: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-body: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;
  --font-base: 16px;

  /* 寸法 */
  --spacing-unit: 8px;
  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;
  --shadow-chip: 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-lift: 0 10px 24px rgba(0, 0, 0, 0.45);
  --grid-cell: 40px;         /* カッティングマットの方眼サイズ */
}