/* QuantumVerify SVG Icon System
 * Deterministic SVG icons replacing emoji for cross-platform consistency
 */

/* Base icon class */
.qv-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    margin-right: 0.45rem;
    fill: currentColor;
    display: inline-block;
    flex-shrink: 0;
}

/* Size variants */
.qv-icon-sm {
    width: 0.875em;
    height: 0.875em;
}

.qv-icon-lg {
    width: 1.25em;
    height: 1.25em;
}

.qv-icon-xl {
    width: 1.5em;
    height: 1.5em;
}

/* No margin variant for standalone icons */
.qv-icon-no-margin {
    margin-right: 0;
}

/* Color variants */
.qv-icon-cyan {
    color: var(--cyan, #22d3ee);
}

.qv-icon-green {
    color: var(--green, #34d399);
}

.qv-icon-purple {
    color: var(--purple, #a78bfa);
}

.qv-icon-amber {
    color: var(--amber, #fbbf24);
}

.qv-icon-primary {
    color: var(--primary, #667eea);
}

/* Checkmark for list items - unicode escape to prevent mojibake */
.glass ul li::before {
    content: "\2713"; /* ✓ */
}

/* Nav dropdown icon styling */
.nav-dropdown-content .qv-icon {
    width: 1.1em;
    height: 1.1em;
    opacity: 0.8;
}