/* Hallmark · genre: editorial · macrostructure: Split Studio · theme: custom (vibe: "暖色の紙に明朝、誠実な編集者調")
 * paper oklch(96.1% 0.0246 92) · accent oklch(63% 0.115 40) warm · Noto Sans JP（見出し・本文）+ Inter（数字のみ）
 * enrichment: E9 custom illustration (Tier C generated, post-processed) + real product screenshots · nav: site-shared · footer: site-shared
 * axes: light / grotesk-sans / warm · pre-emit critique: P4 H5 E4 S5 R4 V4 */

/* トークン：reformya テーマの色（style.css の --peach / --navy / --bg-cream）を OKLCH に置き直したもの。
   このページ（/sentakuki/）だけで読む。値を直接書かず、必ず var() で参照する。 */
:root {
  --sk-paper:     oklch(98.2% 0.008 85);   /* 本文の紙（ほぼ白、わずかに暖色） */
  --sk-paper-2:   oklch(96.1% 0.0246 92);     /* 色つきの紙（営業資料のクリーム＝生成画像の地色 #f8f2e0 と同じ）*/
  --sk-paper-3:   oklch(94.5% 0.03 80);
  --sk-rule:      oklch(89% 0.02 85);
  --sk-rule-2:    oklch(82% 0.03 80);
  --sk-muted:     oklch(55% 0.045 70);     /* 補足・キャプション */
  --sk-ink-2:     oklch(46% 0.045 255);    /* 本文 */
  --sk-ink:       oklch(30% 0.05 255);     /* 見出し・濃い文字（ネイビー） */
  --sk-ink-deep:  oklch(24% 0.05 255);
  --sk-accent:    oklch(63% 0.115 40);     /* テラコッタ（差し色） */
  --sk-accent-2:  oklch(55% 0.12 40);
  --sk-sage:      oklch(60% 0.04 130);
  --sk-focus:     oklch(55% 0.16 40);
  --sk-on-ink:    oklch(97% 0.01 85);
  /* 洗濯機の窓の中（イラストの色に合わせる） */
  --sk-drum:      oklch(38% 0.025 200);
  --sk-drum-edge: oklch(28% 0.03 220);
  --sk-drum-fin:  oklch(48% 0.025 200);
  --sk-sheet:     oklch(96% 0.02 90);
  --sk-sheet-line:oklch(76% 0.05 80);

  --sk-font-display: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;
  --sk-font-body:    "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;
  --sk-font-num:     "Inter", "Noto Sans JP", system-ui, sans-serif;

  --sk-text-xs:   0.8125rem;
  --sk-text-sm:   0.9375rem;
  --sk-text-md:   1.0625rem;
  --sk-text-lg:   1.25rem;
  --sk-text-xl:   clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
  --sk-text-2xl:  clamp(1.9rem, 1.4rem + 2.2vw, 2.75rem);
  --sk-text-hero: clamp(1.9rem, 1.2rem + 2.6vw, 3.1rem);
  --sk-text-num:  clamp(2.4rem, 1.8rem + 2.6vw, 3.4rem);

  --sk-space-2xs: 0.25rem;
  --sk-space-xs:  0.5rem;
  --sk-space-sm:  0.75rem;
  --sk-space-md:  1rem;
  --sk-space-lg:  1.5rem;
  --sk-space-xl:  2.5rem;
  --sk-space-2xl: 4rem;
  --sk-space-3xl: 6rem;
  --sk-space-4xl: 8rem;

  --sk-measure:   38em;
  --sk-wrap:      68rem;
  --sk-wrap-wide: 78rem;
  --sk-gutter:    clamp(1rem, 4vw, 2rem);

  --sk-radius:    4px;
  --sk-shadow-page: 0 10px 28px oklch(30% 0.05 255 / 0.14);   /* 資料のページを重ねて見せる影 */
  --sk-ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --sk-dur-micro: 120ms;
  --sk-dur-short: 220ms;
  --sk-dur-long:  480ms;
}