/*
 * Pastilles des teintes RAL (App\Catalog\RalColor), d'après le nuancier du design system (tokens
 * --ral-*) : une approximation à l'écran, toujours présentée comme indicative. En classes plutôt qu'en
 * style en ligne, refusé par la CSP.
 */

.ral-swatch {
    display: inline-block;
    flex: none;
    width: 14px;
    height: 14px;
    border: 1px solid rgb(0 0 0 / 0.2);
    border-radius: var(--radius-xs);
    background: var(--ral, transparent);
    vertical-align: -2px;
}

.ral-swatch--1015 { --ral: var(--ral-1015); }
.ral-swatch--3009 { --ral: var(--ral-3009); }
.ral-swatch--5010 { --ral: var(--ral-5010); }
.ral-swatch--6005 { --ral: var(--ral-6005); }
.ral-swatch--7016 { --ral: var(--ral-7016); }
.ral-swatch--7022 { --ral: var(--ral-7022); }
.ral-swatch--7035 { --ral: var(--ral-7035); }
.ral-swatch--8012 { --ral: var(--ral-8012); }
.ral-swatch--8017 { --ral: var(--ral-8017); }
.ral-swatch--9005 { --ral: var(--ral-9005); }
.ral-swatch--9006 { --ral: var(--ral-9006); }
.ral-swatch--9010 { --ral: var(--ral-9010); }