/***** LUCIDE ICON SYSTEM *****/

.cl-icon {
  --cl-icon-size: 1.5rem;
  --cl-icon-stroke: 1.75;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: currentColor;
}

.cl-icon > svg.lucide {
  display: block;
  width: var(--cl-icon-size) !important;
  height: var(--cl-icon-size) !important;
  stroke-width: var(--cl-icon-stroke) !important;
  flex-shrink: 0;
}

.cl-icon--card {
  --cl-icon-size: 2rem;
  --cl-icon-stroke: 1.75;
  color: var(--cardon-orange);
}

.cl-icon--feature {
  --cl-icon-size: 3rem;
  --cl-icon-stroke: 1.5;
  color: var(--cardon-green);
}

.cl-icon--inline {
  --cl-icon-size: 1em;
  --cl-icon-stroke: 2;
}