/*
 * Default pictures for the school website (homepublic/site/_illustration), drawn
 * in the school's colours. Used by the public site and the Website settings page,
 * which both set the --site-* colour variables.
 */
.il { display: block; width: 100%; height: 100%; }
.il .p { fill: var(--site-primary); }
.il .pd { fill: var(--site-primary-dark); }
.il .ps { fill: var(--site-primary-soft); }
.il .pt { fill: var(--site-primary-tint); }
.il .a { fill: var(--site-accent); }
.il .as { fill: var(--site-accent-soft); }
.il .w { fill: #ffffff; }
.il .ink { fill: #1f2937; }
.il .p-stroke { stroke: var(--site-primary); }
.il .pd-stroke { stroke: var(--site-primary-dark); }
.il .pt-stroke { stroke: var(--site-primary-tint); }
.il .a-stroke { stroke: var(--site-accent); }
.il .w-stroke { stroke: #ffffff; }
.il .ink-stroke { stroke: #1f2937; }
.il .il-glow { fill: #ffffff; opacity: .07; }
.il .il-ground { fill: #ffffff; opacity: .12; }
.il .il-wood { fill: #a16207; }
.il .il-leaf { fill: #22a35a; }
.il .il-leaf2 { fill: #15803d; }
.il .il-green { fill: #22a35a; }
.il .il-red { fill: #e5484d; }
.il .il-bear { fill: #c08457; }
.il .il-skin { fill: #8d5524; }
.il .il-skin2 { fill: #6b3e1d; }
.il .il-skin-stroke { stroke: #8d5524; }
.il .il-hair { fill: #1c1917; }
.il .il-sky { fill: #cfe8ff; }
.il .il-floor { fill: #e9dcc6; }
.il .il-mint { fill: #e3f5ea; }
.il .il-grass { fill: #4caf50; }
.il .il-path { fill: #d9c7a3; }
.il .il-track-stroke { stroke: #d9653b; }