/* DECO_PALETTE_V1 — nuancier d'une pièce (deco-palette). Same frame as the ej components: theme-derived tokens, no variant. */
.deco-palette{--dp-ink:var(--color-text,#2b2622);--dp-muted:var(--color-text-muted,#6b625a);--dp-line:color-mix(in srgb,var(--dp-ink) 12%,transparent);--dp-a:var(--color-accent,#8a6a4f);margin-block:1.5rem;padding:20px;border:1px solid var(--dp-line);border-radius:var(--radius,16px);background:color-mix(in srgb,var(--dp-a) 4%,var(--color-bg,#fff))}
.deco-palette__band{display:flex;height:56px;border-radius:12px;overflow:hidden;gap:2px;box-shadow:inset 0 0 0 1px var(--dp-line)}
.deco-palette__band-seg{flex-basis:0;min-width:10px}
.deco-palette .deco-palette__colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0 0;padding:0}
.deco-palette__color{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-items:start;padding:10px;border:1px solid var(--dp-line);border-radius:12px;background:var(--color-bg,#fff)}
.deco-palette__chip{grid-row:1/4;width:52px;height:52px;border-radius:10px;display:flex;align-items:flex-end;justify-content:flex-end;padding:4px 6px;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--dp-line)}
.deco-palette__chip--dark{color:rgba(0,0,0,.72)}.deco-palette__chip--light{color:rgba(255,255,255,.92)}
.deco-palette__name{font-weight:700;color:var(--dp-ink);line-height:1.3}
.deco-palette__role{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--dp-a);font-weight:700}
.deco-palette__where{font-size:.88rem;color:var(--dp-muted);line-height:1.4}
.deco-palette__kicker{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--dp-muted);margin-bottom:6px}
.deco-palette__materials{margin-top:16px}
.deco-palette .deco-palette__material-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.deco-palette__material{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--dp-line);border-radius:999px;background:var(--color-bg,#fff);color:var(--dp-ink);font-size:.9rem}
.deco-palette__dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--dp-line)}
.deco-palette__pairings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
.deco-palette__pairing{padding:12px 14px;border-radius:12px;border-left:4px solid var(--dp-a);background:var(--color-bg,#fff)}
.deco-palette__pairing--avoid{border-left-color:color-mix(in srgb,var(--dp-ink) 45%,transparent)}
.deco-palette .deco-palette__pairing ul{margin:0;padding:0;display:grid;gap:6px}
.deco-palette__pairing li{color:var(--dp-ink);line-height:1.45}
.deco-palette .deco-palette__light{margin:16px 0 0;color:var(--dp-ink);line-height:1.5}.deco-palette__light .deco-palette__kicker{display:inline;margin:0 6px 0 0}
.deco-palette .deco-palette__note{margin:12px 0 0;font-size:.88rem;color:var(--dp-muted);line-height:1.5}
@media (max-width:520px){.deco-palette{padding:16px}.deco-palette__band{height:44px}.deco-palette .deco-palette__colors{grid-template-columns:1fr}}
/* The article theme styles every list of the content (disc, indent, marker): these lists are layout, not prose. */
.deco-palette ul{list-style:none!important;padding-left:0!important;margin-left:0!important}.deco-palette li{list-style:none!important}.deco-palette li::before{content:none!important}
.deco-palette li{margin-bottom:0}