/**
 * iO AI CSS Custom Properties
 *
 * Brand colours and design tokens used across all iO AI plugins.
 * Loaded unconditionally on both admin and frontend when core is active.
 * Declare 'io-ai-variables' as a style dependency to use these vars.
 *
 * @package IO_AI_Core
 */

:root {
    /* Brand */
    --io-ai-primary:              #0000D2;
    --io-ai-primary-dark:         #0000a8;
    --io-ai-beige:                #dccfc2;

    /* Neutrals */
    --io-ai-black:                #000000;
    --io-ai-pure-white:           #fff;
    --io-ai-neutral-off-white:    #ebe8e3;

    --io-ai-grey-one:             #f7f7f7;
    --io-ai-grey-two:             #f4f4f4;
    --io-ai-grey-three:           #ebebeb;
    --io-ai-grey-four:            #c4c4c4;
    --io-ai-grey-five:            #747474;
    --io-ai-grey-six:             #242424;

    /* Feedback */
    --io-ai-pink:                 #dcc8c2;
    --io-ai-light-error:          #fcf0f0;
    --io-ai-error:                #ff6161;
    --io-ai-dark-red:             #7d0034;

    --io-ai-warning:              #ffa100;

    --io-ai-light-green:          #d4edda;
    --io-ai-success:              #30c58e;
    --io-ai-dark-green:           #224400;

    --io-ai-transition:           all 0.2s ease-in-out;
}