/* Small shared helpers. Add further utilities only as needed. */

/* Background colors. */
.bg-transparent { background-color: transparent; }
.bg-primary { background-color: var(--primary); }
.bg-secondary { background-color: var(--secondary); }
.bg-cyan { background-color: var(--cyan_df5); }
.bg-mint { background-color: var(--mint_2e7); }
.bg-light-grey { background-color: var(--light-grey); }

/* Object fit: apply the class to the image wrapper. */
.object-contain img { object-fit: contain; }
.object-cover img { object-fit: cover; }
.object-fill img { object-fit: fill; }
.object-none img { object-fit: none; }
.object-scale-down img { object-fit: scale-down; }

/* Object position: apply the class to the image wrapper. */
.object-center img { object-position: center; }
.object-top img { object-position: top; }
.object-right img { object-position: right; }
.object-bottom img { object-position: bottom; }
.object-left img { object-position: left; }
.object-top-left img { object-position: left top; }
.object-top-right img { object-position: right top; }
.object-bottom-left img { object-position: left bottom; }
.object-bottom-right img { object-position: right bottom; }