:root{
/* 角丸：ほぼ角。カードは 2px、ボタンは 2px、写真は 0。丸みは点（ロゴの円）だけに許す */
--r-none:0; /* @kind radius */
--r-xs:2px;
--r-sm:3px;
--r-md:4px;
--r-lg:6px;
--r-pill:999px;

--bw-hairline:1px; /* @kind other */
--bw-rule:2px; /* @kind other */
--bw-accent:3px; /* @kind other */

/* 影：紙の上の紙。黒ではなくネイビーを薄める */
--sh-none:none; /* @kind shadow */
--sh-xs:0 1px 2px rgba(15,41,64,.06);
--sh-sm:0 2px 6px rgba(15,41,64,.07);
--sh-md:0 6px 20px rgba(15,41,64,.09);
--sh-lg:0 16px 48px rgba(15,41,64,.12);
--sh-inset:inset 0 1px 0 rgba(255,255,255,.7);
--sh-focus:0 0 0 3px rgba(164,85,45,.34);

/* 画像上のテキスト保護 */
--scrim-bottom:linear-gradient(to top,rgba(8,24,42,.82) 0%,rgba(8,24,42,.45) 40%,rgba(8,24,42,0) 100%); /* @kind other */
--scrim-left:linear-gradient(to right,rgba(8,24,42,.9) 0%,rgba(8,24,42,.62) 45%,rgba(8,24,42,0) 95%); /* @kind other */
--blur-panel:saturate(140%) blur(14px); /* @kind other */
}