/**
 * Arenito Design System — Espaçamento e Border Radius
 *
 * Escala de espaçamento base 4px (16 passos).
 * Sempre usar var(--arenito-spacing-*) ao invés de px avulsos.
 *
 * Fonte: Figma UI-KIT (node 7909-85)
 */

:root {

    /* =====================================================================
     * Espaçamento (base 4px)
     * ===================================================================== */

    --arenito-spacing-1:   4px;
    --arenito-spacing-2:   8px;
    --arenito-spacing-3:  12px;
    --arenito-spacing-4:  16px;
    --arenito-spacing-5:  20px;
    --arenito-spacing-6:  24px;
    --arenito-spacing-7:  32px;
    --arenito-spacing-8:  40px;
    --arenito-spacing-9:  48px;
    --arenito-spacing-10: 56px;
    --arenito-spacing-11: 64px;
    --arenito-spacing-12: 72px;
    --arenito-spacing-13: 80px;
    --arenito-spacing-14: 88px;
    --arenito-spacing-15: 96px;
    --arenito-spacing-16: 120px;

    /* =====================================================================
     * Border Radius
     * ===================================================================== */

    --arenito-radius-default: 6px;
}