/**
 * Kamon Atelier — デザイントークン v2
 *
 * 金剛峯寺・貴船・星のや・BYAKU Narai の設計思想を参照。
 * 墨黒・生成り・白練・濃茶・深緑を基調とし、えんじを差し色に。
 * 装飾ではなく余白・文字組み・質感で品格を出す。
 *
 * @package Kamon_Atelier
 */

:root {
	/* --- Palette: 墨と紙 --- */
	--ka-color-ink: #1a1816;
	--ka-color-ink-soft: #2e2a26;
	--ka-color-muted: #6b6560;
	--ka-color-note: #9a948e;

	--ka-color-line: #d8d2c8;
	--ka-color-line-strong: #c4bdb2;
	--ka-color-line-faint: #edeae3;

	/* 差し色（控えめに使用） */
	--ka-color-accent: #7a3b3b;          /* えんじ */
	--ka-color-accent-soft: rgba(122, 59, 59, 0.15);
	--ka-color-deep-green: #2d4a3e;      /* 深緑 */

	/* 背景の階調（生成り → 白練 → 薄墨） */
	--ka-color-bg: #f2efe7;              /* 生成り */
	--ka-color-bg-muted: #eae6db;        /* 渋紙 */
	--ka-color-bg-warm: #f8f6f0;         /* 白練 */
	--ka-color-surface: #faf8f3;
	--ka-color-mat: #e2ddd2;

	/* 暗い面（フッター等） */
	--ka-color-dark: #1c1a17;
	--ka-color-dark-surface: #252220;
	--ka-color-dark-line: rgba(255, 255, 255, 0.1);
	--ka-color-dark-text: rgba(242, 239, 231, 0.85);
	--ka-color-dark-muted: rgba(242, 239, 231, 0.55);

	/* 状態・メッセージ（フォーム） */
	--ka-color-msg-error-bg: #f7f2ef;
	--ka-color-msg-error-border: #ddd0ca;
	--ka-color-msg-error-text: #4a2f2a;
	--ka-color-msg-success-bg: #f0f4f0;
	--ka-color-msg-success-border: #c5d0c5;
	--ka-color-msg-success-text: #2a3a2d;

	/* 互換エイリアス */
	--ka-ink: var(--ka-color-ink);
	--ka-ink-soft: var(--ka-color-ink-soft);
	--ka-muted: var(--ka-color-muted);
	--ka-line: var(--ka-color-line);
	--ka-line-strong: var(--ka-color-line-strong);
	--ka-bg: var(--ka-color-bg);
	--ka-bg-muted: var(--ka-color-bg-muted);
	--ka-bg-hero: var(--ka-color-surface);

	/* --- Typography --- */
	--ka-font: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;
	--ka-font-heading: "Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;

	--ka-text-eyebrow: 0.6875rem;
	--ka-text-caption: 0.75rem;
	--ka-text-sm: 0.8125rem;
	--ka-text-body: 0.9375rem;
	--ka-text-md: 1rem;

	--ka-leading-tight: 1.35;
	--ka-leading-snug: 1.55;
	--ka-leading-body: 1.9;
	--ka-leading-relaxed: 2;
	--ka-leading-loose: 2.1;

	--ka-tracking-label: 0.06em;
	--ka-tracking-wide: 0.14em;

	/* --- Layout --- */
	--ka-max: 1100px;
	--ka-prose: 40rem;
	--ka-prose-narrow: 36rem;
	--ka-pad-x: clamp(1.25rem, 5vw, 3rem);
	--ka-space-section: clamp(5rem, 12vw, 9rem);
	--ka-space-block: clamp(2.5rem, 6vw, 4rem);

	/* --- Border & radius --- */
	--ka-border-width: 1px;
	--ka-radius-0: 0;
	--ka-radius-sm: 2px;
	--ka-radius: 3px;

	/* --- Motion --- */
	--ka-duration: 0.35s;
	--ka-ease: cubic-bezier(0.22, 1, 0.36, 1);

	/* --- Elevation --- */
	--ka-shadow-none: none;
	--ka-shadow-subtle: 0 1px 3px rgba(26, 24, 22, 0.04);
}