feat: replace all low-res emojis with crisp handcrafted vector SVG icons

This commit is contained in:
2026-09-02 13:59:57 -07:00
parent 2c729f516d
commit 05a5f7ef63
2 changed files with 148 additions and 24 deletions
+36 -9
View File
@@ -698,20 +698,47 @@ button, input, select, textarea {
}
.pillar-icon {
width: 52px;
height: 52px;
border-radius: var(--radius-sm);
width: 56px;
height: 56px;
border-radius: var(--radius-md);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin-bottom: 20px;
margin-bottom: 22px;
transition: var(--transition);
}
.pillar-icon svg {
width: 28px;
height: 28px;
transition: transform 0.3s ease;
}
.pillar-card:hover .pillar-icon svg {
transform: scale(1.12);
}
.icon-red { background: rgba(230, 57, 70, 0.12); color: var(--relief-red); border: 1px solid rgba(230, 57, 70, 0.22); }
.icon-orange { background: rgba(245, 158, 11, 0.14); color: #d97706; border: 1px solid rgba(245, 158, 11, 0.25); }
.icon-blue { background: rgba(59, 130, 246, 0.12); color: #2563eb; border: 1px solid rgba(59, 130, 246, 0.22); }
.icon-gold { background: rgba(212, 175, 55, 0.15); color: #b8911f; border: 1px solid rgba(212, 175, 55, 0.28); }
.contact-info-heading {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--font-heading);
font-size: 1.15rem;
font-weight: 700;
color: var(--primary-900);
margin-bottom: 10px;
}
.contact-info-heading svg {
color: var(--gold-500);
flex-shrink: 0;
}
.icon-red { background: rgba(230, 57, 70, 0.12); color: var(--relief-red); }
.icon-orange { background: rgba(245, 158, 11, 0.12); color: #d97706; }
.icon-blue { background: rgba(59, 130, 246, 0.12); color: #2563eb; }
.icon-gold { background: rgba(212, 175, 55, 0.15); color: #b8911f; }
.pillar-card h3 {
font-family: var(--font-heading);