/* Surface themes — set data-theme on any section/encart; components read the semantic tokens. */
[data-theme="light"]{
--background:var(--white);
--text:var(--ink-900);
--text-muted:var(--stone-600);
--border:var(--stone-300);
--border-strong:var(--ink-900);
--surface-alt:var(--stone-100);
--btn-bg:var(--ink-900);
--btn-fg:var(--ivory-100);
--btn-hover-bg:var(--ink-700);
--btn-hover-fg:var(--ivory-100);
--highlight:var(--ink-900);
--accent-line:var(--lemon-500);
--focus:var(--ink-900);
--dot-ring:var(--ink-900);
--logo-ink:block; /* @kind other */
--logo-ivory:none; /* @kind other */
}
[data-theme="lemon"]{
--background:var(--lemon-400);
--text:var(--ink-900);
--text-muted:#4A3A2E;
--border:rgba(23,2,0,.22); /* @kind color */
--border-strong:var(--ink-900);
--surface-alt:var(--lemon-300);
--btn-bg:var(--ink-900);
--btn-fg:var(--lemon-400);
--btn-hover-bg:var(--ink-700);
--btn-hover-fg:var(--lemon-400);
--highlight:var(--ink-900);
--accent-line:var(--ink-900);
--focus:var(--ink-900);
--dot-ring:var(--ink-900);
--logo-ink:block; /* @kind other */
--logo-ivory:none; /* @kind other */
}
[data-theme="ink"]{
--background:var(--ink-900);
--text:var(--ivory-100);
--text-muted:#BFB2A8;
--border:rgba(250,243,235,.24); /* @kind color */
--border-strong:var(--ivory-100);
--surface-alt:var(--ink-800);
--btn-bg:var(--ivory-100);
--btn-fg:var(--ink-900);
--btn-hover-bg:var(--lemon-400);
--btn-hover-fg:var(--ink-900);
--highlight:var(--lemon-400);
--accent-line:var(--lemon-400);
--focus:var(--lemon-400);
--dot-ring:transparent;
--logo-ink:none; /* @kind other */
--logo-ivory:block; /* @kind other */
}
[data-theme="cobalt"]{
--background:var(--cobalt-600);
--text:var(--ivory-100);
--text-muted:#C9CEF6;
--border:rgba(250,243,235,.24); /* @kind color */
--border-strong:var(--ivory-100);
--surface-alt:var(--cobalt-700);
--btn-bg:var(--lemon-400);
--btn-fg:var(--ink-900);
--btn-hover-bg:var(--ivory-100);
--btn-hover-fg:var(--ink-900);
--highlight:var(--lemon-400);
--accent-line:var(--lemon-400);
--focus:var(--lemon-400);
--dot-ring:transparent;
--logo-ink:none; /* @kind other */
--logo-ivory:block; /* @kind other */
}
[data-theme="framboise"]{
--background:var(--framboise-600);
--text:var(--ivory-100);
--text-muted:var(--ivory-100);
--border:rgba(250,243,235,.24); /* @kind color */
--border-strong:var(--ivory-100);
--surface-alt:var(--framboise-700);
--btn-bg:var(--ivory-100);
--btn-fg:var(--ink-900);
--btn-hover-bg:var(--lemon-400);
--btn-hover-fg:var(--ink-900);
--highlight:var(--lemon-400);
--accent-line:var(--lemon-400);
--focus:var(--lemon-400);
--dot-ring:transparent;
--logo-ink:none; /* @kind other */
--logo-ivory:block; /* @kind other */
}
[data-theme="vert"]{
--background:var(--vert-800);
--text:var(--ivory-100);
--text-muted:#B7D2C5;
--border:rgba(250,243,235,.24); /* @kind color */
--border-strong:var(--ivory-100);
--surface-alt:var(--vert-900);
--btn-bg:var(--lemon-400);
--btn-fg:var(--ink-900);
--btn-hover-bg:var(--ivory-100);
--btn-hover-fg:var(--ink-900);
--highlight:var(--lemon-400);
--accent-line:var(--lemon-400);
--focus:var(--lemon-400);
--dot-ring:transparent;
--logo-ink:none; /* @kind other */
--logo-ivory:block; /* @kind other */
}