/**
 * Variáveis CSS Centralizadas - Revenda Mais
 * 
 * Este arquivo contém todas as variáveis CSS do projeto.
 * Não duplicar essas variáveis em outros arquivos CSS.
 * 
 * Última atualização: 2026-01-21
 */

:root {
    /* Primary colors */
    --rm-red-light: #FBE4E8;
    --rm-red-light-hover: #F8C8D1;
    --rm-red-light-active: #F191A2;
    --rm-red-normal: #E22446;
    --rm-red-hover: #BC1936;
    --rm-red-active: #A91B35;
    --rm-red-dark: #711223;
    --rm-red-dark-hover: #580C19;
    --rm-red-dark-active: #4D0814;
    --rm-red-darker: #390912;

    /* Neutral colors */
    --rm-white: #FFFFFF;
    --rm-grey-light: #F7F7FF;
    --rm-grey-light-hover: #E9E9F5;
    --rm-grey-light-active: #DCDCE9;
    --rm-grey-normal: #CDCDDB;
    --rm-grey-normal-hover: #B5B5C2;
    --rm-grey-normal-active: #8E8E9C;
    --rm-grey-dark: #6A6977;
    --rm-grey-dark-hover: #2E2E3A;
    --rm-grey-dark-active: #242432;
    --rm-black: #1F1F2C;

    /* Secondary colors */
    --rm-secondary-light: #EAEAF7;
    --rm-secondary-light-hover: #D5D5EF;
    --rm-secondary-light-active: #ABABDF;
    --rm-secondary-normal: #5858BF;
    --rm-secondary-normal-hover: #42428F;
    --rm-secondary-normal-active: #2C2C60;
    --rm-secondary-darker: #161630;

    /* Common colors */
    --light-blue: #0EA5E9;
    --blue: #0084C7;
    --dark-blue: #0369A1;
    --light-green: #00DF47;
    --green: #00B93B;
    --dark-green: #148E3B;
    --light-yellow: #FDE047;
    --yellow: #FACC15;
    --dark-yellow: #EAB308;
    --light-orange: #FB923C;
    --orange: #F97316;
    --dark-orange: #EA580C;
    --light-red: #EF4444;
    --red: #DC2626;
    --dark-red: #B91C1C;
    --light-pink: #EC4899;
    --pink: #DB2777;
    --dark-pink: #BE185D;
    --light-purple: #8B5CF6;
    --purple: #7C3AED;
    --dark-purple: #6D28D9;
    --light-brown: #B45309;
    --brown: #92400E;
    --dark-brown: #78350F;

    /* Functional colors - Informative */
    --info-lighter: #DAF1F6;
    --info-light: #B7E3EE;
    --info-soft: #71C9DD;
    --info-medium: #16A6C7;
    --info-medium-dark: #117D95;
    --info-dark: #0B5364;
    --info-darker: #062A32;

    /* Functional colors - Warning */
    --warning-lighter: #FEEBB9;
    --warning-light: #FDD877;
    --warning-soft: #FCC942;
    --warning-medium: #FBBA0D;
    --warning-medium-dark: #BC8B0A;
    --warning-dark: #7E5D07;
    --warning-darker: #3F2F03;

    /* Functional colors - Success */
    --success-lighter: #E1F1E7;
    --success-light: #C3E3D1;
    --success-soft: #89C7A3;
    --success-medium: #269957;
    --success-medium-dark: #1D7341;
    --success-dark: #134D2C;
    --success-darker: #0A2616;

    /* Functional colors - Error */
    --error-lighter: #FBE5DF;
    --error-light: #F7CBC0;
    --error-soft: #EF9882;
    --error-medium: #E55C39;
    --error-medium-dark: #AC452B;
    --error-dark: #732E1D;
    --error-darker: #39170E;

    /* Variáveis de compatibilidade (usadas em alguns arquivos legados) */
    --info: #16A6C7;
    --warning: #FBBA0D;
    --success: #269957;
    --error: #E55C39;
    --default: #CDCDDB;
}

/* Variáveis para componentes específicos */
:root {
    /* Chat/N8N Variables */
    --chat--color--primary: #e74266;
    --chat--color--primary-shade-50: #db4061;
    --chat--color--primary--shade-100: #cf3c5c;
    --chat--color--secondary: #4d90fe !important;
    --chat--color-white: #ffffff;
    --chat--color-disabled: #777980;
    --chat--color-typing: #404040;
    --chat--color-red: #E22446;
    --chat--footer--background: #fff !important;

    --chat--spacing: 0.8rem;
    --chat--border-radius: 0.25rem;
    --chat--transition-duration: 0.15s;

    --chat--window--width: 400px;
    --chat--window--height: 400px;

    --chat--header-height: 60px !important;
    --chat--header--padding: 1.8rem !important;
    --chat--header--background: var(--chat--color-red) !important;
    --chat--header--color: var(--chat--color-white);
    --chat--heading--font-size: 1.4em !important;
    --chat--subtitle--font-size: inherit;
    --chat--subtitle--line-height: 1.8;

    --chat--textarea--height: 50px !important;

    --chat--message--font-size: 1.2rem !important;
    --chat--message--padding: var(--chat--spacing) !important;
    --chat--message--border-radius: var(--chat--border-radius);
    --chat--message-line-height: 1.8;
    --chat--message--bot--background: var(--chat--color-white);
    --chat--message--bot--color: var(--chat--color-dark);
    --chat--message--bot--border: none;
    --chat--message--user--background: var(--chat--color--secondary) !important;
    --chat--message--user--color: var(--chat--color-white);
    --chat--message--user--border: none;
    --chat--message--pre--background: rgba(0, 0, 0, 0.05);

    --chat--toggle--background: var(--chat--color--primary);
    --chat--toggle--hover--background: var(--chat--color--secondary) !important;
    --chat--toggle--active--background: var(--chat--color--secondary) !important;
    --chat--toggle--color: var(--chat--color-white);
    --chat--toggle--size: 64px;

    /* Balloon/Tooltip Variables */
    --balloon-color: rgba(246, 246, 248, 1);
    --balloon-font-size: 15px;
    --balloon-border: 2px solid #999;
    --balloon-shadow: 0 0 10px rgba(0, 0, 0, .15);
    --balloon-move: 10px;
}