/**
 * Arenito Design System — Cores Semânticas (Light Mode)
 *
 * Tokens de uso nos componentes. Sempre referenciar via var(--arenito-*).
 * Nunca usar as cores primitivas diretamente em componentes.
 *
 * Nomenclatura: --arenito-{categoria}-{camada}-{grupo}-{variante}
 * Camadas:
 *   base    → telas normais (fundo, conteúdo, formulários)
 *   overlay → elementos sobrepostos (modais, tooltips, popovers, drawers)
 *
 * REGRA CRÍTICA: nunca misturar tokens base em overlays ou vice-versa.
 *
 * Fonte: Figma UI-KIT — Light Mode.tokens.json
 */

:root {

    /* =====================================================================
     * TEXT — BASE
     * ===================================================================== */

    /* Neutro */
    --arenito-text-base-neutral-default:          #12151F; /* neutral-800 */
    --arenito-text-base-neutral-secondary:        #394360; /* neutral-600 */
    --arenito-text-base-neutral-subtle:           #7A839F; /* neutral-500 */
    --arenito-text-base-neutral-white:            #F6F6F9; /* neutral-100 */

    /* Sucesso */
    --arenito-text-base-success-default:          #1A2E00; /* green-500 */
    --arenito-text-base-success-secondary:        #2D470A; /* green-400 */
    --arenito-text-base-success-on-black:         #7ECE17; /* green-200 */

    /* Atenção */
    --arenito-text-base-warning-default:          #3B2E02; /* yellow-500 */
    --arenito-text-base-warning-secondary:        #C89B00; /* yellow-300 */
    --arenito-text-base-warning-on-black:         #E7BD2C; /* yellow-200 */

    /* Erro */
    --arenito-text-base-error-default:            #240000; /* red-500 */
    --arenito-text-base-error-secondary:          #970707; /* red-400 */
    --arenito-text-base-error-on-black:           #F17777; /* red-200 */

    /* =====================================================================
     * TEXT — OVERLAY
     * ===================================================================== */

    --arenito-text-overlay-neutral-default:       #12151F;
    --arenito-text-overlay-neutral-secondary:     #394360;
    --arenito-text-overlay-neutral-subtle:        #7A839F;
    --arenito-text-overlay-neutral-white:         #F6F6F9;

    --arenito-text-overlay-success-default:       #1A2E00;
    --arenito-text-overlay-success-secondary:     #2D470A;
    --arenito-text-overlay-success-on-black:      #7ECE17;

    --arenito-text-overlay-warning-default:       #3B2E02;
    --arenito-text-overlay-warning-secondary:     #C89B00;
    --arenito-text-overlay-warning-on-black:      #E7BD2C;

    --arenito-text-overlay-error-default:         #240000;
    --arenito-text-overlay-error-secondary:       #970707;
    --arenito-text-overlay-error-on-black:        #F17777;

    /* =====================================================================
     * SURFACE — BASE
     * ===================================================================== */

    /* Neutro — Página */
    --arenito-surface-base-neutral-page-default:                  #F6F6F9; /* neutral-100 */
    --arenito-surface-base-neutral-page-deep:                     #ECEDF2; /* neutral-200 */

    /* Neutro — Container */
    --arenito-surface-base-neutral-container-default:             #F6F6F9; /* neutral-100 */
    --arenito-surface-base-neutral-container-hover:               #ECEDF2; /* neutral-200 */
    --arenito-surface-base-neutral-container-deep:                #ECEDF2; /* neutral-200 */
    --arenito-surface-base-neutral-container-emphasis:            #E6E8EF; /* neutral-300 */
    --arenito-surface-base-neutral-container-default-on-black:    #12151F; /* neutral-800 */
    --arenito-surface-base-neutral-container-hover-on-black:      #1E2330; /* neutral-700 */

    /* Brand */
    --arenito-surface-base-brand-container-high:                  #2441A8; /* accent-400 */
    --arenito-surface-base-brand-container-medium:                #3F68FB; /* accent-300 */
    --arenito-surface-base-brand-container-low:                   #7391FC; /* accent-200 */

    /* Alerta */
    --arenito-surface-base-alert-container-success:               #DDE4D2; /* green-100 */
    --arenito-surface-base-alert-container-error:                 #F9E1E1; /* red-100 */
    --arenito-surface-base-alert-container-warning:               #F0E5C1; /* yellow-100 */

    /* =====================================================================
     * SURFACE — OVERLAY
     * ===================================================================== */

    /* Neutro — Backdrop (semi-transparente) */
    --arenito-surface-overlay-neutral-backdrop:                   rgba(18, 21, 31, 0.20); /* neutral-800 @ 20% */

    /* Neutro — Container */
    --arenito-surface-overlay-neutral-container-default:          #F6F6F9;
    --arenito-surface-overlay-neutral-container-hover:            #ECEDF2;
    --arenito-surface-overlay-neutral-container-deep:             #ECEDF2;
    --arenito-surface-overlay-neutral-container-emphasis:         #E6E8EF;
    --arenito-surface-overlay-neutral-container-default-on-black: #12151F;
    --arenito-surface-overlay-neutral-container-hover-on-black:   #1E2330;

    /* Brand */
    --arenito-surface-overlay-brand-container-high:               #2441A8;
    --arenito-surface-overlay-brand-container-medium:             #3F68FB;
    --arenito-surface-overlay-brand-container-low:                #7391FC;

    /* Alerta */
    --arenito-surface-overlay-alert-container-success:            #DDE4D2;
    --arenito-surface-overlay-alert-container-error:              #F9E1E1;
    --arenito-surface-overlay-alert-container-warning:            #F0E5C1;

    /* =====================================================================
     * BORDER — BASE
     * ===================================================================== */

    /* Neutro */
    --arenito-border-base-neutral-default:        #CED3E2; /* neutral-400 */
    --arenito-border-base-neutral-strong:         #7A839F; /* neutral-500 */
    --arenito-border-base-neutral-subtle:         #E6E8EF; /* neutral-300 */
    --arenito-border-base-neutral-on-black:       #394360; /* neutral-600 */

    /* Brand */
    --arenito-border-base-brand-default:          #3F68FB; /* accent-300 */

    /* Erro */
    --arenito-border-base-error-default:          #C90A0A; /* red-300 */
    --arenito-border-base-error-strong:           #240000; /* red-500 */
    --arenito-border-base-error-subtle:           #F17777; /* red-200 */

    /* =====================================================================
     * BORDER — OVERLAY
     * ===================================================================== */

    --arenito-border-overlay-neutral-default:     #CED3E2;
    --arenito-border-overlay-neutral-strong:      #7A839F;
    --arenito-border-overlay-neutral-subtle:      #E6E8EF;
    --arenito-border-overlay-neutral-on-black:    #394360;

    --arenito-border-overlay-brand-default:       #3F68FB;

    --arenito-border-overlay-error-default:       #C90A0A;
    --arenito-border-overlay-error-strong:        #240000;
    --arenito-border-overlay-error-subtle:        #F17777;

    /* =====================================================================
     * ICON — BASE
     * ===================================================================== */

    /* Neutro */
    --arenito-icon-base-neutral-default:          #12151F; /* neutral-800 */
    --arenito-icon-base-neutral-secondary:        #394360; /* neutral-600 */
    --arenito-icon-base-neutral-subtle:           #7A839F; /* neutral-500 */
    --arenito-icon-base-neutral-white:            #F6F6F9; /* neutral-100 */

    /* Brand */
    --arenito-icon-base-brand-default:            #3F68FB; /* accent-300 */
    --arenito-icon-base-brand-secondary:          #001047; /* accent-500 */
    --arenito-icon-base-brand-on-black:           #7391FC; /* accent-200 */

    /* Sucesso */
    --arenito-icon-base-success-default:          #519000; /* green-300 */
    --arenito-icon-base-success-secondary:        #1A2E00; /* green-500 */
    --arenito-icon-base-success-on-black:         #7ECE17; /* green-200 */

    /* Atenção */
    --arenito-icon-base-warning-default:          #C89B00; /* yellow-300 */
    --arenito-icon-base-warning-secondary:        #3B2E02; /* yellow-500 */
    --arenito-icon-base-warning-on-black:         #E7BD2C; /* yellow-200 */

    /* Erro */
    --arenito-icon-base-error-default:            #C90A0A; /* red-300 */
    --arenito-icon-base-error-secondary:          #240000; /* red-500 */
    --arenito-icon-base-error-on-black:           #F17777; /* red-200 */

    /* =====================================================================
     * ICON — OVERLAY
     * ===================================================================== */

    --arenito-icon-overlay-neutral-default:       #12151F;
    --arenito-icon-overlay-neutral-secondary:     #394360;
    --arenito-icon-overlay-neutral-subtle:        #7A839F;
    --arenito-icon-overlay-neutral-white:         #F6F6F9;

    --arenito-icon-overlay-brand-default:         #3F68FB;
    --arenito-icon-overlay-brand-secondary:       #001047;
    --arenito-icon-overlay-brand-on-black:        #7391FC;

    --arenito-icon-overlay-success-default:       #519000;
    --arenito-icon-overlay-success-secondary:     #1A2E00;
    --arenito-icon-overlay-success-on-black:      #7ECE17;

    --arenito-icon-overlay-warning-default:       #C89B00;
    --arenito-icon-overlay-warning-secondary:     #3B2E02;
    --arenito-icon-overlay-warning-on-black:      #E7BD2C;

    --arenito-icon-overlay-error-default:         #C90A0A;
    --arenito-icon-overlay-error-secondary:       #240000;
    --arenito-icon-overlay-error-on-black:        #F17777;
}