/* kickreel · Cream Light theme — single source of truth
   update here; do NOT redefine these values anywhere else. */
:root {
  /* ── surfaces ──────────────────────────── */
  --kr-bg:         #F2F1EA;   /* 画面の地。紙色 Cream */
  --kr-surface:    #FFFFFF;   /* カード・セグメント・入力の上面 */
  --kr-surface-2:  #F3F0E8;   /* うっすら沈んだ面（paper） */

  /* ── ink ───────────────────────────────── */
  --kr-ink:        #101215;                 /* 本文・見出し */
  --kr-ink-dim:    rgba(16,18,21,.58);      /* 補足 */
  --kr-ink-dimmer: rgba(16,18,21,.40);      /* 更に薄い */

  /* ── brand ─────────────────────────────── */
  --kr-accent:     #0B3D2E;                 /* Pitch Green — 主役 */
  --kr-accent-ink: #F2F1EA;                 /* accent の上に載せる文字 */
  --kr-accent-sub: rgba(11,61,46,.08);      /* accent の薄帯（pill / hover） */

  /* ── system ────────────────────────────── */
  --kr-rec:        #FF3B30;                 /* 録画・ハイライト専用 */
  --kr-hair:       rgba(16,18,21,.08);      /* 1px ライン */

  /* ── type ──────────────────────────────── */
  --kr-font-sans:  'Inter', system-ui, -apple-system, "Segoe UI", sans-serif;
  --kr-font-mono:  'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --kr-tracking-display: -0.035em;
  --kr-tracking-title:   -0.020em;
  --kr-tracking-mono:     0.180em;

  /* ── radius / elevation ────────────────── */
  --kr-radius-sm:  8px;
  --kr-radius-md:  10px;
  --kr-radius-lg:  14px;

  --kr-shadow-card:  0 1px 0 rgba(16,18,21,.03);
  --kr-shadow-pop:   0 4px 16px rgba(16,18,21,.08);

  /* ── legacy aliases (kept for existing var refs) ── */
  --kr-pitch:       var(--kr-accent);        /* same value: #0B3D2E */
  --kr-pitch-dark:  #072318;
  --kr-ink-soft:    #1A1D22;                 /* legacy dark-card value; prefer --kr-surface */
  --kr-cream:       var(--kr-bg);
  --kr-paper:       var(--kr-surface-2);
  --kr-rule:        var(--kr-hair);
  --kr-muted:       var(--kr-ink-dim);
  --kr-muted-soft:  rgba(16,18,21,.72);
  --kr-rec-glow:    rgba(255,59,48,.18);
}