:root {
    --arz-brand-primary: #0f9488;
    --arz-brand-primary-hover: #0b7f75;
    --arz-brand-accent: #3b82f6;
    --arz-coin-fallback-bg: #edf0f4;
    --arz-coin-fallback-bg-highlight: #f8fafc;
    --arz-coin-fallback-ink: #687386;
    --arz-coin-fallback-border: #dfe4eb;
    --arz-image-fallback-bg: #f1f4f8;
}

html.dark,
html.dark body,
body.dark,
.dark {
    --arz-coin-fallback-bg: #283241;
    --arz-coin-fallback-bg-highlight: #364254;
    --arz-coin-fallback-ink: #d3dae5;
    --arz-coin-fallback-border: #465366;
    --arz-image-fallback-bg: #182333;
}

.arz-coin-placeholder {
    display: inline-grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    aspect-ratio: 1 / 1 !important;
    min-width: 1em;
    min-height: 1em;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 50% !important;
    border: 1px solid var(--arz-coin-fallback-border) !important;
    background: radial-gradient(circle at 32% 25%, var(--arz-coin-fallback-bg-highlight), var(--arz-coin-fallback-bg)) !important;
    color: var(--arz-coin-fallback-ink) !important;
    font: 850 0.65em/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif !important;
    letter-spacing: -.035em;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
}

img.arz-image-fallback-active {
    background: var(--arz-image-fallback-bg);
    object-fit: cover;
}

img.arz-image-fallback-failed {
    visibility: hidden !important;
}

[data-arz-fallback-rendered="currency"] {
    visibility: visible !important;
}

@media (prefers-reduced-motion: reduce) {
    .arz-coin-placeholder { transition: none !important; }
}