/* Icon Base Styles */
.icon {
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: middle;
}

/* Header Icons */
.header-icon {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    stroke-width: 1.5;
}

/* Tile Icons */
.tile-icon svg {
    width: 48px;
    height: 48px;
    stroke-width: 1.5;
}

/* Button Icons */
.btn-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    stroke-width: 2;
}

/* Filter Icons */
.filter-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    stroke-width: 2;
}

/* Deal Badge Icons */
.deal-badge-icon {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    stroke-width: 2;
}

/* Upload Icon */
.upload-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    stroke-width: 1.5;
    opacity: 0.7;
}

/* Set most icons to golden color */
.icon, .header-icon, .tile-icon svg, .btn-icon, .deal-badge.badge-buy .deal-badge-icon, .upload-icon {
    stroke: var(--accent-gold);
}