/* --- icons.css --- */

/* Card icon base — SVG background, centered, filtered */
.card__icon{
  display:block;
  width:1.8rem;
  height:1.8rem;
  margin-bottom:1rem;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.15));
}

/* Service icons — inline SVG data-URIs, accent-coloured strokes */
.card__icon--server{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300e5a0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M6 8h4M16 8h2M6 12h4M16 12h2M6 16h12'/%3E%3C/svg%3E")}
.card__icon--devops{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='5'/%3E%3Ccircle cx='12' cy='17' r='5'/%3E%3Cpath d='M12 12v2'/%3E%3C/svg%3E")}
.card__icon--mobile{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='3'/%3E%3Ccircle cx='12' cy='18' r='1.5'/%3E%3Cpath d='M8 7h8'/%3E%3C/svg%3E")}
.card__icon--data{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322d3ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='8' ry='3'/%3E%3Cpath d='M4 6v12c0 1.66 3.58 3 8 3s8-1.34 8-3V6'/%3E%3Cpath d='M4 12c0 1.66 3.58 3 8 3s8-1.34 8-3'/%3E%3C/svg%3E")}
.card__icon--arch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='5' rx='1'/%3E%3Crect x='4' y='8' width='16' height='5' rx='1'/%3E%3Crect x='6' y='13' width='12' height='5' rx='1'/%3E%3C/svg%3E")}
.card__icon--network{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300e5a0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E")}
.card__icon--company{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 14v6M15 14v6M4 10h16'/%3E%3Cpath d='M9 2v4M15 2v4'/%3E%3C/svg%3E")}
.card__icon--leaf{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300e5a0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2C8 2 4 6 4 12c0 3.5 2 6.5 5 8l3 2 3-2c3-1.5 5-4.5 5-8 0-6-4-10-8-10z'/%3E%3Ccircle cx='12' cy='10' r='1'/%3E%3Cpath d='M12 11v7'/%3E%3C/svg%3E")}
.card__icon--robot{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='10' rx='2'/%3E%3Ccircle cx='10' cy='11' r='1.5'/%3E%3Ccircle cx='14' cy='11' r='1.5'/%3E%3Cpath d='M8 6V3M16 6V3M6 16H3M18 16h3'/%3E%3C/svg%3E")}
.card__icon--book{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322d3ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v15H4z'/%3E%3Cpath d='M4 6a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4'/%3E%3C/svg%3E")}
.card__icon--star{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,2 15,9 22,9 16,14 18,22 12,17 6,22 8,14 2,9 9,9'/%3E%3C/svg%3E")}
.card__icon--doc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300e5a0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6v20h12V6z'/%3E%3Cpath d='M14 2v4h4'/%3E%3Cpath d='M8 13h8M8 17h4'/%3E%3C/svg%3E")}
.card__icon--paint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5 14h8a3 3 0 0 0 0-6'/%3E%3Cpath d='M17 8a3 3 0 1 0 2.95 3.5'/%3E%3C/svg%3E")}
.card__icon--speech{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300e5a0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
.card__icon--brain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2A10 10 0 0 0 2 12v2a3 3 0 0 0 3 3h1a4 4 0 0 1 4 4v1a3 3 0 0 0 6 0v-1a4 4 0 0 1 4-4h1a3 3 0 0 0 3-3v-2A10 10 0 0 0 12 2z'/%3E%3C/svg%3E")}
.card__icon--award{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M8 13l-2 9 6-3 6 3-2-9'/%3E%3C/svg%3E")}
.card__icon--laptop{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322d3ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='12' rx='2'/%3E%3Cpath d='M2 20h20'/%3E%3Cpath d='M6 16v4h12v-4'/%3E%3C/svg%3E")}
.card__icon--ai{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 1v4M12 19v4M4.2 4.2l2.8 2.8M17 17l2.8 2.8M1 12h4M19 12h4'/%3E%3C/svg%3E")}

/* Light theme — override stroke colours via currentColor trick */
[data-theme="light"] .card__icon--server{color:var(--clr-accent)}
[data-theme="light"] .card__icon--devops{color:var(--clr-accent-2)}
[data-theme="light"] .card__icon--mobile{color:var(--clr-accent-3)}
[data-theme="light"] .card__icon--data{color:var(--clr-accent-4)}
[data-theme="light"] .card__icon--arch{color:var(--clr-accent-5)}
[data-theme="light"] .card__icon--network{color:var(--clr-accent)}
[data-theme="light"] .card__icon--company{color:var(--clr-accent-2)}
[data-theme="light"] .card__icon--leaf{color:var(--clr-accent)}
[data-theme="light"] .card__icon--robot{color:var(--clr-accent-3)}
[data-theme="light"] .card__icon--book{color:var(--clr-accent-4)}
[data-theme="light"] .card__icon--star{color:var(--clr-accent-5)}
[data-theme="light"] .card__icon--doc{color:var(--clr-accent)}
[data-theme="light"] .card__icon--paint{color:var(--clr-accent-2)}
[data-theme="light"] .card__icon--speech{color:var(--clr-accent)}
[data-theme="light"] .card__icon--brain{color:var(--clr-accent-3)}
[data-theme="light"] .card__icon--award{color:var(--clr-accent-5)}
[data-theme="light"] .card__icon--laptop{color:var(--clr-accent-4)}
[data-theme="light"] .card__icon--ai{color:var(--clr-accent-3)}