/**
 * FileName: assets/css/icons-site.css
 * Version: 1.0.0
 * Written based on the version: 10.5.0
 * Purpose: Ink palette for AStudioIcons OUTSIDE the studio shell.
 *          Intentionally contains NO global layout/theme variables —
 *          only the icon channels mirrored from tokens.css :root.
 *
 * Decision Log:
 *   - 1.0.0 NEW: Static 8.8.0 palette copy + slot/menu helpers.
 *
 * Dependencies: none
 * Impact Map: site-wide icon slots
 * Owner: A-SUN Studio
 */

:root {
    --astudio-icon-brand: hsl(315 42% 62%);
    --astudio-icon-spark: hsl(36 68% 58%);
    --astudio-icon-leaf: hsl(165 40% 50%);
    --astudio-icon-sky: hsl(215 52% 62%);
    --astudio-icon-bloom: hsl(288 36% 64%);
    --astudio-icon-steel: hsl(205 34% 58%);
    --astudio-icon-dot: var(--color-primary, #a46497);
}

.astudio-icon-dot {
    fill: var(--astudio-icon-dot);
}

.astudio-icon-brand {
    color: var(--astudio-icon-brand);
}

.astudio-icon-spark {
    color: var(--astudio-icon-spark);
}

.astudio-icon-leaf {
    color: var(--astudio-icon-leaf);
}

.astudio-icon-sky {
    color: var(--astudio-icon-sky);
}

.astudio-icon-bloom {
    color: var(--astudio-icon-bloom);
}

.astudio-icon-steel {
    color: var(--astudio-icon-steel);
}

.astudio-icon-wash {
    opacity: 0.15;
}

.astudio-icon-slot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 0;
}

.astudio-menu-icon {
    margin-inline-end: 0.45em;
}