/*
 * Persiss — brand palette. The ONLY file that defines brand colours (see logo/PALETTE-SPEC.md).
 * Loaded before base.css on every page.
 *
 * The live set is printed by PHP as <html data-palette="…"> (inc/palette.php):
 *   Customizer › ブランドカラー sets the default; ?palette=walnut|shinpeki|beige|off is a
 *   per-browser test cookie. Without the attribute, :root = "current".
 *
 * Change the whole palette = edit one block below. Add a palette = add one block + one
 * option in inc/palette.php (persiss_palettes()).
 * Each block also lists the *-rgb triplets of the same colours (used for translucent tints:
 * rgba(var(--ink-rgb), .06)); keep them equal to the hex values.
 *
 * Text on panels: --on-panel / --on-panel-soft; accents on panels: --on-panel-accent.
 * Never put --accent text on --accent-2 or the reverse (ratio 1.00).
 */

/* ---------- current (today's colours, unchanged; fallback) ---------- */
:root, [data-palette="current"] {
	--bg: #FBF9F5;
	--paper: #F1ECE3;
	--ink: #1F1C18;
	--ink-soft: #4A433A;
	--muted: #736A5D; /* 5.1:1 on --bg, 4.5:1 on --paper (WCAG AA small text) */
	--faint: #D9D1C3;
	--line: #E6DFD3;
	--card: #fff;               /* raised card / mock-up surface (white on light sets) */
	--accent: #A9471F;
	--accent-dark: #8F3E1E;
	--accent-light: #E59A72;
	--accent-2: #1F6F78;
	--accent-2-soft: #9FB5B2;
	--panel: #1F1C18;
	--on-panel: #EDE6DA;
	--on-panel-soft: #B3A99A;
	--panel-mark: #A9471F;
	--on-ink: #EDE6DA;
	--on-ink-soft: #B3A99A;

	--bg-rgb: 251, 249, 245;
	--ink-rgb: 31, 28, 24;
	--faint-rgb: 217, 209, 195;
	--accent-rgb: 169, 71, 31;
	--on-panel-rgb: 237, 230, 218;

	/* derived shades: exact current values here; other sets mix them (block at the end) */
	--paper-2: #E9E2D6;          /* hover on paper */
	--ink-hover: #3A342C;        /* .pill--ink:hover */
	--on-panel-accent: #E59A72;  /* eyebrows, numbers, prices on a panel */
	--panel-raise: #2C2721;      /* image well on a panel */
	--panel-line: #332D26;       /* footer rules */
	--panel-line-2: #3A332B;     /* rules inside panel cards */
	--panel-line-3: #3D362E;     /* list rules on panels */
	--panel-arch: #4A4238;       /* contact band arches */
	--panel-stroke: #5A5247;     /* outlined arches on panels */

	/* on the accent (terracotta) surface: the same in every set while --accent is shared */
	--on-accent: #FBF7F0;
	--on-accent-rgb: 251, 247, 240;
	--on-accent-hi: #FFF6EF;
	--on-accent-soft: #FFE2D2;
	--on-accent-soft-rgb: 255, 226, 210;
	--accent-tint: #F7E4DA;      /* pale accent chip / label */
}

/* ---------- option 1 · 胡桃 walnut ---------- */
[data-palette="walnut"] {
	--bg: #F5EEE2; --paper: #E8DCC8; --line: #DDCFB8; --faint: #CDB896;
	--ink: #3B2B22; --ink-soft: #5A4637; --muted: #665648;
	--accent: #A9471F; --accent-dark: #8F3E1E; --accent-light: #E59A72;
	--accent-2: #1F6F78; --accent-2-soft: #9FB5B2;
	--panel: #3B2B22; --on-panel: #F5EEE2; --on-panel-soft: #CDB896; --panel-mark: #CDB896;
	--on-ink: #F5EEE2; --on-ink-soft: #CDB896;

	--bg-rgb: 245, 238, 226; --ink-rgb: 59, 43, 34; --faint-rgb: 205, 184, 150;
	--accent-rgb: 169, 71, 31; --on-panel-rgb: 245, 238, 226;
}

/* ---------- option 2 · 深碧 shinpeki ---------- */
[data-palette="shinpeki"] {
	--bg: #F5EEE2; --paper: #E8DCC8; --line: #DDCFB8; --faint: #CDB896;
	--ink: #16363A; --ink-soft: #2F5257; --muted: #3E5E62;
	--accent: #A9471F; --accent-dark: #8F3E1E; --accent-light: #E59A72;
	--accent-2: #1F6F78; --accent-2-soft: #9FB5B2;
	--panel: #16363A; --on-panel: #F5EEE2; --on-panel-soft: #9FB5B2; --panel-mark: #CDB896;
	--on-ink: #F5EEE2; --on-ink-soft: #9FB5B2;

	--bg-rgb: 245, 238, 226; --ink-rgb: 22, 54, 58; --faint-rgb: 205, 184, 150;
	--accent-rgb: 169, 71, 31; --on-panel-rgb: 245, 238, 226;
}

/* ---------- option 3 · 亜麻 beige (no dark panels) ---------- */
[data-palette="beige"] {
	--bg: #F5EEE2; --paper: #E8DCC8; --line: #DDCFB8; --faint: #CDB896;
	--ink: #3B2B22; --ink-soft: #5A4637; --muted: #665648;
	--accent: #A9471F; --accent-dark: #8F3E1E; --accent-light: #E59A72;
	--accent-2: #1F6F78; --accent-2-soft: #9FB5B2;
	--panel: #CDB896; --on-panel: #3B2B22; --on-panel-soft: #5A4637; --panel-mark: #A9471F;
	--on-ink: #F5EEE2; --on-ink-soft: #CDB896;

	--bg-rgb: 245, 238, 226; --ink-rgb: 59, 43, 34; --faint-rgb: 205, 184, 150;
	--accent-rgb: 169, 71, 31; --on-panel-rgb: 59, 43, 34;
	--on-panel-accent: #8F3E1E; /* accent-light is too pale on a light panel */
}

/* ---------- 藍と金 aikin (indigo + gold) ---------- */
[data-palette="aikin"] {
	--bg: #F3F1EC; --paper: #E3E0D8; --line: #D9D5CB; --faint: #C9C4B8;
	--ink: #1B1F2E; --ink-soft: #3A4058; --muted: #585E74;
	--accent: #23305A; --accent-dark: #18213F; --accent-light: #8C97BD;
	--accent-2: #9A6B1E; --accent-2-soft: #C9A45C;
	--panel: #23305A; --on-panel: #F3F1EC; --on-panel-soft: #C9C4B8; --panel-mark: #C9A45C;
	--on-ink: #F3F1EC; --on-ink-soft: #C9C4B8;
	--on-panel-accent: #C9A45C;

	--bg-rgb: 243, 241, 236; --ink-rgb: 27, 31, 46; --faint-rgb: 201, 196, 184;
	--accent-rgb: 35, 48, 90; --on-panel-rgb: 243, 241, 236;
}

/* ---------- 瑠璃夜 ruri (night lapis, dark; saffron + turquoise) ---------- */
[data-palette="ruri"] {
	--bg: #15171D; --paper: #1F222B; --line: #2C303A; --faint: #3A3F4B;
	--ink: #EDE6D8; --ink-soft: #C9C1B2; --muted: #A39B8C;
	--accent: #E0A43A; --accent-dark: #F0C67A; --accent-light: #7A5A20;
	--accent-2: #4FB3AE; --accent-2-soft: #2E6E6A;
	--panel: #0E1015; --on-panel: #EDE6D8; --on-panel-soft: #A39B8C; --panel-mark: #E0A43A;
	--on-ink: #15171D; --on-ink-soft: #3A3F4B;
	--on-accent: #15171D; --on-panel-accent: #E0A43A;
	--card: #1F222B;

	--bg-rgb: 21, 23, 29; --ink-rgb: 237, 230, 216; --faint-rgb: 58, 63, 75;
	--accent-rgb: 224, 164, 58; --on-panel-rgb: 237, 230, 216;
	color-scheme: dark;
}

/* ---------- 常磐と柘榴 tokiwa (evergreen + pomegranate) ---------- */
[data-palette="tokiwa"] {
	--bg: #EDF1EC; --paper: #DCE4DB; --line: #CFD9CE; --faint: #B9C6B8;
	--ink: #17261F; --ink-soft: #34463C; --muted: #52635A;
	--accent: #1E4D3A; --accent-dark: #143628; --accent-light: #8DB3A0;
	--accent-2: #A93E2C; --accent-2-soft: #E9A08F;
	--panel: #1E4D3A; --on-panel: #EDF1EC; --on-panel-soft: #B9C6B8; --panel-mark: #E9A08F;
	--on-ink: #EDF1EC; --on-ink-soft: #B9C6B8;
	--on-panel-accent: #E9A08F;

	--bg-rgb: 237, 241, 236; --ink-rgb: 23, 38, 31; --faint-rgb: 185, 198, 184;
	--accent-rgb: 30, 77, 58; --on-panel-rgb: 237, 241, 236;
}

/* ---------- derived shades for every set except current ---------- */
[data-palette]:not([data-palette="current"]) {
	--paper-2: color-mix(in srgb, var(--paper) 60%, var(--faint));
	--ink-hover: color-mix(in srgb, var(--ink) 88%, var(--bg));
	--panel-raise: color-mix(in srgb, var(--on-panel) 6%, var(--panel));
	--panel-line: color-mix(in srgb, var(--on-panel) 10%, var(--panel));
	--panel-line-2: color-mix(in srgb, var(--on-panel) 13%, var(--panel));
	--panel-line-3: color-mix(in srgb, var(--on-panel) 15%, var(--panel));
	--panel-arch: color-mix(in srgb, var(--on-panel) 21%, var(--panel));
	--panel-stroke: color-mix(in srgb, var(--on-panel) 29%, var(--panel));
}
[data-palette="walnut"], [data-palette="shinpeki"] { --on-panel-accent: var(--accent-light); }

/* ---------- test-mode pill (inc/palette.php; only with the test cookie) ---------- */
.palette-test {
	position: fixed; z-index: 90; left: calc(12px + env(safe-area-inset-left, 0px)); bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	display: flex; align-items: center; gap: 4px; padding: 4px 4px 4px 12px; border-radius: 999px;
	background: var(--ink); color: var(--on-ink); box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .5);
	font: 700 11px/1 var(--f-ui); letter-spacing: .04em; direction: ltr;
}
.palette-test span { margin-inline-end: 4px; white-space: nowrap; }
.palette-test a { display: inline-grid; place-items: center; min-height: 28px; padding: 0 9px; border-radius: 999px; color: inherit; }
.palette-test a[aria-current] { background: var(--accent); color: var(--on-accent); }
.palette-test a:hover { background: rgba(255, 255, 255, .12); }
@media (max-width: 899.98px) { .palette-test { bottom: calc(90px + env(safe-area-inset-bottom, 0px)); } }