/* KIRA デザインシステムの値（Claude Design の書き出し 2026-10-22 の tokens をそのまま写したもの。フォントの読み込みは functions.php） */
:root{
/* 生成り・ベージュ (grounds) */
--kinari-50:#FAF6EF;
--kinari-100:#F4EEE4;
--kinari-200:#ECE3D5;
--kinari-300:#E2D6C4;
--kinari-400:#CFC1AC;
--kinari-500:#B3A48E;
/* 墨・こげ茶 (ink) */
--sumi-900:#2B2622;
--sumi-800:#3A322C;
--kogecha-700:#4E3F35;
--kogecha-600:#66574B;
--kogecha-500:#7A6B5E;
/* 朱 (the single accent — seal red) */
--shu-700:#8C3524;
--shu-600:#A3402C;
--shu-500:#B85440;
--shu-100:#F2DDD5;
--shu-50:#F8ECE7;
/* Alternate accent — くすみローズ. Swap --accent* to these if the brand chooses rose. */
--rose-600:#9A5A5E;
--rose-100:#EFDCDB;
/* Semantic (muted, used sparingly) */
--moss-600:#5E6B4E;
--moss-100:#E3E6D8;
--white:#FFFFFF;

/* ---- semantic aliases ---- */
--bg-page:var(--kinari-100);
--bg-sunken:var(--kinari-200);
--bg-deep:var(--kinari-300);
--surface-card:var(--kinari-50);
--surface-inverse:var(--sumi-900);
--text-strong:var(--sumi-900);
--text-body:var(--kogecha-700);
--text-muted:var(--kogecha-600);
--text-subtle:var(--kogecha-500);
--text-on-accent:var(--kinari-50);
--text-on-inverse:var(--kinari-100);
--line-hair:var(--kinari-400);
--line-strong:var(--kogecha-600);
--accent:var(--shu-600);
--accent-hover:var(--shu-700);
--accent-soft:var(--shu-50);
--accent-tint:var(--shu-100);
--focus-ring:0 0 0 3px rgba(163,64,44,.22);
--success:var(--moss-600);
--success-soft:var(--moss-100);
--danger:var(--shu-700);
}

:root{
--font-serif-jp:'Shippori Mincho','Hiragino Mincho ProN','Yu Mincho',serif;
--font-serif-en:'Cormorant Garamond','Shippori Mincho',serif;
--font-display:'Cormorant Garamond','Shippori Mincho','Hiragino Mincho ProN',serif;
--font-sans:'Zen Kaku Gothic New','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;

/* mobile-first scale */
--fs-display:40px;--lh-display:1.35; /* @kind other */
--fs-h1:30px;--lh-h1:1.45; /* @kind other */
--fs-h2:24px;--lh-h2:1.5; /* @kind other */
--fs-h3:19px;--lh-h3:1.6; /* @kind other */
--fs-body:15px;--lh-body:1.95; /* @kind other */
--fs-small:13px;--lh-small:1.8; /* @kind other */
--fs-caption:11px;--lh-caption:1.6; /* @kind other */
--fs-numeral:28px;

--fw-light:300; /* @kind other */
--fw-regular:400; /* @kind other */
--fw-medium:500; /* @kind other */
--fw-bold:700; /* @kind other */

--ls-jp-heading:.08em; /* @kind other */
--ls-jp-body:.04em; /* @kind other */
--ls-en-label:.22em; /* @kind other */
--ls-en-display:.04em; /* @kind other */

/* semantic */
--type-heading-font:var(--font-serif-jp);
--type-body-font:var(--font-sans);
--type-label-font:var(--font-serif-en);
}
@media (min-width:768px){:root{--fs-display:56px;--fs-h1:38px;--fs-h2:28px;--fs-h3:21px;--fs-body:16px}}

:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--gutter:24px;
--section-gap:96px;
--content-max:720px;
--tap-min:48px;

--radius-xs:2px;
--radius-sm:6px;
--radius-md:12px;
--radius-lg:20px;
--radius-pill:999px;
--radius-circle:50%;
/* arch — for 3:4 frames: semicircle top, soft bottom */
--radius-arch:50% 50% 12px 12px / 37.5% 37.5% 12px 12px;

--border-hair:1px solid var(--line-hair);
--border-ink:1px solid var(--line-strong);

--shadow-none:none;
--shadow-lift:0 1px 2px rgba(58,40,24,.05),0 10px 28px -14px rgba(58,40,24,.22);
--shadow-overlay:0 2px 6px rgba(43,38,34,.08),0 24px 48px -16px rgba(43,38,34,.28);

--ease-calm:cubic-bezier(.25,.1,.25,1); /* @kind other */
--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--dur-fast:160ms; /* @kind other */
--dur-base:280ms; /* @kind other */
--dur-slow:600ms; /* @kind other */

/* 紙 — subtle paper grain, layered over --bg-page */
--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .14 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); /* @kind other */
}