/* Art classes shared by the page and the art sheet. Colour values live in styles.css tokens. */
.f { stroke: none; }
.f.blush { fill: var(--blush); }
.f.blushDeep { fill: var(--blush-deep); }
.f.rose { fill: var(--rose); }
.f.dusty { fill: var(--dusty); }
.f.marigold { fill: var(--marigold); }
.f.butter { fill: var(--butter); }
.f.gold { fill: var(--gold); }
.f.powder { fill: var(--powder); }
.f.powderDeep { fill: var(--powder-deep); }
.f.powderLight { fill: var(--powder-light); }
.f.sage { fill: var(--sage); }
.f.sageDeep { fill: var(--sage-deep); }
.f.cream { fill: var(--cream); }
.f.cream2 { fill: var(--cream-2); }
.f.glass { fill: var(--glass); }
.f.milk { fill: var(--milk); }
.f.matcha { fill: var(--matcha); }
.f.matchaFoam { fill: var(--matcha-foam); }
.f.tan { fill: var(--tan); }
.f.elephant { fill: var(--elephant); }
.f.boxInner { fill: var(--box-inner); }
.f.stripes { fill: url(#stripes); }
.wash .f { opacity: 0.85; }

.ln { fill: none; stroke: var(--cocoa); stroke-width: 2.2px; stroke-linecap: round; stroke-linejoin: round; }
.ln.thin { stroke-width: 1.6px; }
.ln.hair { stroke-width: 1.15px; }
.ln.bx { stroke-width: 2.8px; }
.ln.zip { stroke-width: 2.6px; stroke-dasharray: 0.9 2.3; stroke-linecap: butt; }
.inkf { fill: var(--cocoa); stroke: none; }
.hl { fill: none; stroke: #fff; stroke-width: 2.6px; stroke-linecap: round; opacity: 0.85; }
.hl.hlthin { stroke-width: 1.8px; }
.hl.hldot { stroke-width: 2.4px; }
.sk { fill: none; stroke-width: 2.4px; stroke-linecap: round; }
.rbu { fill: none; stroke: var(--cocoa); stroke-linecap: round; stroke-linejoin: round; }
.rbo { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.rbo.blush { stroke: var(--blush); }
.rbo.powder { stroke: var(--powder); }
.rbo.sage { stroke: var(--sage); }
.shake .ln, .whoosh .ln { stroke-width: 2.8px; }