/* Icon set (js/icons.js). Main strokes follow the text colour; the .a parts take the theme accent.
   Midnight: cyan accent. Matinee: red accent on black. */
:root[data-theme="midnight"], :root:not([data-theme]) { --ic-accent: var(--accent-4); }
:root[data-theme="matinee"] { --ic-accent: var(--accent-1); }
.ic { display: inline-grid; place-items: center; width: 1.3em; height: 1.3em; flex: none; vertical-align: -0.28em; margin-right: 0.35em; line-height: 1; }
.ic svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ic .a { stroke: var(--ic-accent); }
.ic:only-child { margin-right: 0; }
/* icon-only or tight spots */
.nav-tab .ic, .theme-opt .ic, .theme-ico.ic, .pv-chip .ic, #btnStructSave .ic { margin-right: 0; }
.theme-ico.ic { width: 16px; height: 16px; }
/* a selected block keeps its icon legible: the accent follows the block's own ink */
:root[data-theme="midnight"] .tchip[aria-checked="true"] .ic, :root[data-theme="midnight"] .si-pick[aria-pressed="true"] .ic { --ic-accent: currentColor; }
/* the Sync button's text is generated in CSS on phones, so its icon is a background there */