:root {
    --color-primary: #fcfc30;
    --color-secondary: #465eff;
    --color-grey: #f5f6fa;
    --background: #fff;
    --background-section: #f1f1f1;
    --btn-primary: #243165;
    --btn-secundary: #189dd9;
    --btn-hover: #0669b2;
    --btn-colorPrimary: #FFFFFF;
    --color-Text: #333;
    --color-alert: #B04212;
    --bg-accordion: #046a38;
    --border: #ccc;
    --background-transparent: #ffffffcc;
    --color-success: green;

    /* Cores base */
    --primary-bg: #f3f4f6;

    /* Tokens do chat: ver bloco “optionreport + chat” em custom-2.css */
    --chat-bg: #ffffff;
    --chat-border: #e5e7eb;
    --chat-body-bg: #f9fafb;

    /* Destaques e roxo */
    --highlight: #465eff;
    --highlight-hover: #465eff;
    --highlight-white: #fff;
    --highlight-light: #465eff;
    --highlight-shadow: #465eff;

    /* Cinzas */
    --gray-50: #FAFAFA;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #1f2937;

    /* Verdes */
    --green-100: #d1fae5;
    --green-200: #bbf7d0;
    --green-300: #86efac;
    --green-400: #4ade80;

    /* Complementares */
    --white: #ffffff;
    --light-transparent: #002140;

    /* Aliases semânticos (usando os principais) */
    --aliant-600: var(--highlight);
    --aliant-700: var(--highlight-hover);
    --aliant-200: var(--highlight-white);
    --aliant-600-rgba: var(--highlight-shadow);
}