/**
 * Fallback para `color-mix()` — Safari < 16.2 e browsers antigos ignoram a propriedade inteira.
 *
 * Uso:
 *   @use '@/styles/color-mix-fallback' as cm;
 *   .card {
 *     @include cm.declaration(
 *       background,
 *       rgba(var(--brand-primary-rgb), 0.12),
 *       color-mix(in srgb, var(--brand-primary) 12%, transparent)
 *     );
 *   }
 *
 * @see docs/frontend/compatibilidade-navegadores.md
 */

@mixin declaration($property, $fallback, $modern) {
    #{$property}: $fallback;
    #{$property}: $modern;
}