/**
 * Arenito Design System — Cores Primitivas
 *
 * Paleta base do Arenito. Nunca usar diretamente em componentes —
 * sempre referenciar via tokens semânticos (semantic.css).
 *
 * Fonte: Figma UI-KIT (node 5358-968)
 */

:root {
    /* Neutral */
    --arenito-neutral-100: #F6F6F9;
    --arenito-neutral-200: #ECEDF2;
    --arenito-neutral-300: #E6E8EF;
    --arenito-neutral-400: #CED3E2;
    --arenito-neutral-500: #7A839F;
    --arenito-neutral-600: #394360;
    --arenito-neutral-700: #1E2330;
    --arenito-neutral-800: #12151F;

    /* Accent (Azul) */
    --arenito-accent-100: #E8EBF7;
    --arenito-accent-200: #7391FC;
    --arenito-accent-300: #3F68FB;
    --arenito-accent-400: #2441A8;
    --arenito-accent-500: #001047;

    /* Green */
    --arenito-green-100: #DDE4D2;
    --arenito-green-200: #7ECE17;
    --arenito-green-300: #519000;
    --arenito-green-400: #2D470A;
    --arenito-green-500: #1A2E00;

    /* Yellow */
    --arenito-yellow-100: #F0E5C1;
    --arenito-yellow-200: #E7BD2C;
    --arenito-yellow-300: #C89B00;
    --arenito-yellow-400: #9F7C04;
    --arenito-yellow-500: #3B2E02;

    /* Red */
    --arenito-red-100: #F9E1E1;
    --arenito-red-200: #F17777;
    --arenito-red-300: #C90A0A;
    --arenito-red-400: #970707;
    --arenito-red-500: #240000;
}