/* labels.css — applied-state colors for the labels system's buttons. Loaded on every
   page via base.html (same rationale as labels.js — keep it as small as it is). */

/* Applied label states — solid fill per label (default is grey btn-secondary). */
.capsule-label-btn[data-label="bookmark"].is-applied,
.capsule-label-btn[data-label="bookmark"].is-applied:hover,
.capsule-label-btn[data-label="bookmark"].is-applied:focus {
	background-color: #f0ad4e;  /* amber */
	border-color: #f0ad4e;
	color: #fff;
}
.capsule-label-btn[data-label="curious"].is-applied,
.capsule-label-btn[data-label="curious"].is-applied:hover,
.capsule-label-btn[data-label="curious"].is-applied:focus {
	background-color: #5bc0de;  /* info blue */
	border-color: #5bc0de;
	color: #fff;
}