/* CVCA Campus: the coloured app tile that the portal's menu (shell/portal.js) and Home both draw, so an app has the same
   picture and colour wherever it is listed (the tone comes from icons.js toneFor()). */

/* ---------- The app tile: the same coloured square wherever an app is listed ---------- */
.cw-tile { --s: var(--cw-tile, 32px); display: grid; place-items: center; flex: none; width: var(--s); height: var(--s); border-radius: calc(var(--s) * .3); color: #fff; background: linear-gradient(145deg, #4a9cf0, #0b4f9c); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 6px 14px -8px rgba(0, 20, 50, .7); }
.cw-tile svg { width: 54%; height: 54%; stroke-width: 2.1; }
.cw-tone-blue { background: linear-gradient(145deg, #4a9cf0, #0b4f9c); }
.cw-tone-gold { background: linear-gradient(145deg, #f6dc9f, #c6973c); color: #3a2a07; }
.cw-tone-green { background: linear-gradient(145deg, #4cbc93, #1b664c); }
.cw-tone-violet { background: linear-gradient(145deg, #a18fdc, #5a4691); }
.cw-tone-teal { background: linear-gradient(145deg, #45bfd1, #17707f); }
.cw-tone-rose { background: linear-gradient(145deg, #ec92a8, #a63f5c); }
.cw-tone-navy { background: linear-gradient(145deg, #3a6aa3, #16304a); }