/* KAGU — art.css : habillage des meubles dessinés par js/art.js.
   Une seule variable pilote tout : --f (la matière). Le reste en dérive. */
.art {
  --fd: color-mix(in oklch, var(--f) 80%, black);     /* arêtes, pieds        */
  --fl: color-mix(in oklch, var(--f) 86%, white);     /* plateaux, lumière    */
  --fi: color-mix(in oklch, var(--f) 42%, black);     /* intérieurs, creux    */
  --fk: color-mix(in oklch, var(--f) 94%, black);     /* façades              */
  --hw: color-mix(in oklch, var(--f) 38%, oklch(0.22 0.04 195));
  --bk0: color-mix(in oklch, var(--m-terracotta) 78%, white);
  --bk1: color-mix(in oklch, var(--m-petrole) 80%, white);
  --bk2: color-mix(in oklch, var(--m-moutarde) 90%, white);
  --bk3: color-mix(in oklch, var(--m-sauge) 85%, white);
  --bk4: color-mix(in oklch, var(--m-argile) 85%, white);
  --bk5: color-mix(in oklch, var(--m-noir) 70%, white);
  overflow: visible;
}
.art .a-f { fill: var(--f); }
.art .a-l { fill: var(--fl); }
.art .a-d { fill: var(--fd); }
.art .a-in { fill: var(--fi); }
.art .a-door { fill: var(--fk); stroke: var(--fd); stroke-width: 0.35; }
.art .a-hw { fill: var(--hw); }
.art .a-mirror { fill: oklch(0.86 0.025 215); stroke: var(--fd); stroke-width: 0.35; }
.art .a-glint { fill: oklch(1 0 0 / 0.35); }
.art .a-b0 { fill: var(--bk0); } .art .a-b1 { fill: var(--bk1); } .art .a-b2 { fill: var(--bk2); }
.art .a-b3 { fill: var(--bk3); } .art .a-b4 { fill: var(--bk4); } .art .a-b5 { fill: var(--bk5); }