/* ==========================================================
   KUON 世界観キット — tokens.css（色・フォント・肉球の一次トークン）
   色はTOP実測値が正（2026-08-02 top_4k.png機械実測）。
   ========================================================== */
:root {
  /* 紺 */
  --kuon-navy-header: #010c20;
  --kuon-navy-deep:   #041730;
  --kuon-navy-nav:    #01142c;
  --kuon-navy-card:   #0d2242;
  /* 生成り */
  --kuon-cream-band:  #ede0d1;
  --kuon-cream-about: #ede1d4;
  /* 朱・金 */
  --kuon-orange:      #a74405;
  --kuon-gold:        #c9a063;
  --kuon-gold-bright: #dfc394;
  /* 文字 */
  --kuon-ink-900:     #1d2433;
  --kuon-ink-700:     #33405c;
  --kuon-ink-dim:     #6d604c;
  --kuon-on-navy:     #ece2d2;
  --kuon-on-navy-dim: #b8ad9a;
  /* フォント（両ページ同一のGoogle Fonts読込とセットで使う） */
  --kuon-font-jp: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --kuon-font-en: "Cinzel", "Times New Roman", serif;
  /* 肉球SVGマスク（top.cssの--paw-svgと同一のdata URI） */
  --kuon-paw-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='5.6' cy='9.4' rx='2.2' ry='2.8'/%3E%3Cellipse cx='9.9' cy='7.0' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.1' cy='7.0' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.4' cy='9.4' rx='2.2' ry='2.8'/%3E%3Cpath d='M12 11.4c3.4 0 6.4 2.7 6.4 5.9 0 2.5-1.9 4.2-4.3 4.2-.8 0-1.5-.3-2.1-.3s-1.3.3-2.1.3c-2.4 0-4.3-1.7-4.3-4.2 0-3.2 3-5.9 6.4-5.9z'/%3E%3C/svg%3E");
}