:root{--color-brand:#154a8a;--color-brand-dark:#113d71;--color-brand-soft:#edf2f8;--color-soft:#f4f7fb;--tvn-secondary:#102d50;--tvn-on-primary:#fff;--tvn-on-secondary:#fff;--tvn-accent:#24733d;--tvn-on-accent:#fff;--tvn-link:#154a8a;--tvn-accent-text:#24733d}
.bg-brand,.bg-brand-dark,.btn-primary{color:var(--tvn-on-primary)}
.bg-brand .text-paper,.bg-brand-dark .text-paper,.bg-brand.text-paper,.bg-brand-dark.text-paper{color:var(--tvn-on-primary)}
.bg-ink,.btn-dark{background-color:var(--tvn-secondary);color:var(--tvn-on-secondary)}
.bg-ink .text-paper,.bg-ink.text-paper{color:var(--tvn-on-secondary)}
.bg-ink [class*="text-paper/"]{color:color-mix(in srgb,var(--tvn-on-secondary) 80%,transparent)}
.bg-ink .bg-brand,.bg-ink .bg-brand.text-paper{color:var(--tvn-on-primary)}
.text-brand,.kicker,.article-body a{color:var(--tvn-link)}
.kicker{color:var(--tvn-accent-text)}
.tvn-appearance{display:grid;gap:20px}
.tvn-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.tvn-color-row{display:flex;gap:10px;align-items:center}
.tvn-color-row input[type=color]{width:56px;height:44px;padding:3px;border:1px solid #ccd3dd;border-radius:8px;cursor:pointer}
.tvn-color-row input[type=text]{min-width:0;flex:1}
.tvn-actions{display:flex;gap:10px;flex-wrap:wrap}
.tvn-preview{border:1px solid var(--color-line);border-radius:14px;overflow:hidden;background:var(--color-soft);color:var(--color-ink)}
.tvn-preview-header{padding:16px;background:var(--color-paper);font-weight:800}
.tvn-preview-nav{padding:12px 16px;background:var(--color-brand);color:var(--tvn-on-primary);font-weight:700}
.tvn-preview-card{padding:20px;margin:16px;background:var(--color-paper);border-radius:10px}
.tvn-preview-footer{padding:16px;background:var(--tvn-secondary);color:var(--tvn-on-secondary)}
.tvn-preview-label{font-size:12px;text-transform:uppercase;font-weight:700;color:var(--tvn-accent-text)}
.tvn-color-help{font-size:14px;margin-top:5px}
.bg-ink .text-brand{color:var(--tvn-on-secondary)}
.bg-brand [class*="text-paper/"]{color:color-mix(in srgb,var(--tvn-on-primary) 80%,transparent)}
.bg-ink .bg-brand [class*="text-paper/"]{color:color-mix(in srgb,var(--tvn-on-primary) 80%,transparent)}