/* Overrides apply only when explicitly configured; removing a token restores component defaults. */
:root[style*="--codex-font-family:"] :is(body, button, input, select, textarea) { font-family: var(--codex-font-family) !important; }
:root[style*="--codex-body-size:"] :is(body) { font-size: var(--codex-body-size) !important; }
:root[style*="--codex-heading-size:"] :is(h1, h2, h3) { font-size: var(--codex-heading-size) !important; }
:root[style*="--codex-dialogue-size:"] :is(.dialogue-text) { font-size: var(--codex-dialogue-size) !important; }
:root[style*="--codex-npc-name-size:"] :is(.character-name) { font-size: var(--codex-npc-name-size) !important; }
:root[style*="--codex-player-name-size:"] :is(.player-name, .gear-identity-name) { font-size: var(--codex-player-name-size) !important; }
:root[style*="--codex-button-size:"] :is(button, .btn) { font-size: var(--codex-button-size) !important; }
:root[style*="--codex-npc-name-color:"] :is(.character-name) { color: var(--codex-npc-name-color) !important; }
:root[style*="--codex-player-name-color:"] :is(.player-name, .gear-identity-name) { color: var(--codex-player-name-color) !important; }
:root[style*="--codex-heading-color:"] :is(h1, h2, h3) { color: var(--codex-heading-color) !important; }