/* LEZAKOQ（レザコク） デザイントークン — 正本。全ページで最初に読み込む。
   白基調。アクセントは --laser を 1 画面に 1〜2 箇所だけ。 */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  --paper: #FBFBF9;
  --paper-2: #F3F3EE;
  --ink: #0E0E10;
  --ink-2: #55555C;
  --ink-3: #9A9AA2;
  --line: #E4E4DF;
  --laser: #FF4D1C;
  --laser-glow: rgba(255, 77, 28, .35);
  --mark-light: #D9D9D6;
  --mark-dark: #1A1A1C;

  --font-display: 'Unbounded', 'Zen Kaku Gothic New', sans-serif;
  --font-body: 'Zen Kaku Gothic New', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  --radius: 4px;
  --radius-lg: 12px;
  --shadow: 0 1px 2px rgba(14, 14, 16, .06), 0 8px 24px rgba(14, 14, 16, .06);
  --shadow-lg: 0 2px 4px rgba(14, 14, 16, .06), 0 24px 48px rgba(14, 14, 16, .10);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur: .5s;

  --max-w: 1120px;
  --gutter: 20px;
}

html { color-scheme: light; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}