:root {
    /* Cores da identidade visual */
    --color-green: #3AB66E;       /* Verde folha */
    --color-dark-blue: #005B7F;   /* Azul escuro */
    --color-orange: #F47C2D;      /* Laranja vibrante */
    --color-light-blue: #C8E6E8;  /* Azul claro */
    --color-offwhite: #F9F7F1;    /* Bege/off-white */
    --color-light-gray: #EAEAEA;  /* Cinza claro */

    /* Cores derivadas para hover e outros estados */
    --color-dark-blue-hover: #00496a;
    --color-green-hover: #309a5c;

    /* Cores adicionais */
    --color-yellow: #FFC107;      /* Amarelo para status de aviso */
    --color-gray: #6C757D;        /* Cinza para status secundário */

    /* Cores de background e texto */
    --bg-primary: var(--color-offwhite);
    --darker-bg: var(--color-light-blue);
    --card-bg: var(--color-dark-blue);

    /* Cores de texto */
    --text-primary: #333;
    --text-light: #fff;

    /* Dimensões do layout */
    --sidebar-width: 260px;
    --header-height: 60px;
    --transition-speed: 0.3s;

    /* Cores adicionais de componentes */
    --primary-color: var(--color-green);
    --secondary-color: var(--color-orange);
    --dark-bg: #1e2a38;
}