/* Semantic palettes shared by every native Tempo screen. */
html[data-tempo-theme="clarte"], [data-preview-palette="clarte"] {
 --ink:#14243b;--paper:#f4f7fb;--white:#ffffff;--soft:#e8effc;--muted:#52627a;
 --green:#2563eb;--on-accent:#ffffff;--line:#d4ddea;--field-border:#7b8da7;
 --focus:#1d4ed8;--warm:#f5eddb;--warning:#80511c;--error-surface:#fce9e7;
 --error-text:#922b24;--danger:#ad3028;--on-danger:#ffffff;--radius:14px;
 --overlay:#14243b88;color-scheme:light!important;
}
html[data-tempo-theme="sauge"], [data-preview-palette="sauge"] {
 --ink:#18382d;--paper:#f6f4ee;--white:#fffefa;--soft:#e6eee4;--muted:#52695c;
 --green:#3e6e58;--on-accent:#ffffff;--line:#d4ddce;--field-border:#7b9080;
 --focus:#28563f;--warm:#f2e8d4;--warning:#80511c;--error-surface:#f9e8e1;
 --error-text:#883629;--danger:#a03529;--on-danger:#ffffff;--radius:20px;
 --overlay:#18382d88;color-scheme:light!important;
}
html[data-tempo-theme="encre"], [data-preview-palette="encre"] {
 --ink:#f1f4fa;--paper:#11151e;--white:#1c2330;--soft:#242e3d;--muted:#b0bed1;
 --green:#a5b4fc;--on-accent:#182345;--line:#414f64;--field-border:#8192ab;
 --focus:#bdc9ff;--warm:#373020;--warning:#f3ca8b;--error-surface:#41272b;
 --error-text:#ffc0b7;--danger:#f6a69b;--on-danger:#391511;--radius:14px;
 --overlay:#050812bb;color-scheme:dark!important;
}
html[data-tempo-theme],html[data-tempo-theme] body{background:var(--paper);color:var(--ink)}
html[data-tempo-theme] :is(input,select,textarea){color-scheme:inherit;background:var(--white);color:var(--ink);border-color:var(--field-border)}
html[data-tempo-theme] :is(.nc-suite,.nc-suite-panel,.nc-suite-mobile-bar){background:var(--white);color:var(--ink);border-color:var(--line)}
html[data-tempo-theme] .nc-suite :is(button,.nc-suite-badge){background:var(--soft);color:var(--ink);border-color:var(--line)}
html[data-tempo-theme] .nc-suite :is(.nc-suite-title,.nc-suite-appearance){color:var(--muted)}
html[data-tempo-theme] .nc-suite a.nc-suite-link:is(:hover,[aria-current="page"]){background:var(--soft);border-color:var(--line)}
html[data-tempo-theme="encre"] .brand-logo{filter:brightness(0) invert(1)}
html[data-tempo-theme="encre"] .nc-suite-link{--nc-color:var(--ink)}
html[data-tempo-theme] :is(button,.button){font-variant-numeric:tabular-nums}
html[data-tempo-theme] :focus-visible{outline-color:var(--focus)}
html[data-tempo-theme] :is(button,input,select,textarea):disabled{opacity:.65;cursor:not-allowed}
html[data-tempo-motion="reduced"] *,html[data-tempo-motion="reduced"] *::before,html[data-tempo-motion="reduced"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.theme-choices{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.theme-choice{margin:0;padding:12px;border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;min-width:0}
.theme-choice:has(input:checked){border-color:var(--green);background:var(--soft)}
.theme-choice:focus-within{outline:3px solid var(--focus);outline-offset:3px}
.theme-choice-title{display:flex;align-items:center;gap:10px;margin:16px 0 6px;font-size:16px}
.theme-choice-title input{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--green)}
.theme-preview{display:flex;gap:10px;height:140px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--paper)}
.preview-sidebar{width:22%;background:var(--white);border:1px solid var(--line);border-radius:4px}
.preview-content{display:flex;flex-direction:column;gap:12px;flex:1;padding:4px 0}
.preview-line{display:block;height:7px;width:80%;background:var(--muted);opacity:.65;border-radius:2px}.preview-line.short{width:45%}
.preview-cards{display:flex;gap:8px;height:46px}.preview-cards span{flex:1;background:var(--white);border:1px solid var(--line);border-radius:5px}.preview-cards span:first-child{background:var(--green);border-color:var(--green)}
.preference-field{max-width:480px}.preference-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0}.preference-actions .hint{flex-basis:100%;margin:0}.preference-reset{margin-top:32px}.text-link{text-decoration:underline}
@media(max-width:700px){.theme-choices{grid-template-columns:1fr}.theme-preview{height:110px}.preference-actions>.button,.preference-actions>button{width:100%}}
/* The suite space chooser has its own tokens; keep it readable in Tempo palettes. */
html[data-tempo-theme] body .nc-suite{--nc-space-surface:var(--white);--nc-space-hover:var(--soft);--nc-space-line:var(--line);--nc-space-accent:var(--green);color-scheme:inherit}
html[data-tempo-theme] .nc-suite .nc-suite-badge[data-state="unavailable"]{color:var(--muted)}
html[data-tempo-theme] .nc-suite :focus-visible{outline-color:var(--focus)}
html[data-tempo-theme] .nc-suite dialog{background:var(--white);color:var(--ink)}
html[data-tempo-theme] .nc-suite dialog::backdrop{background:var(--overlay)}
html[data-tempo-theme="encre"] .nc-suite-link>img:not(.nc-suite-watermark){background:#f1f4fa;border-radius:5px;padding:2px}
html[data-tempo-theme="encre"] .nc-suite .nc-suite-link[data-suite-link]{--nc-color:var(--ink)}