/*
    Shared styles and design tokens for the Revu UI feedback components.
    Toast-specific rules live in toast.css, and Popup-specific rules live in
    popup.css. Keep shared values here so both components use the same visual
    language without depending on each other's styles.
*/

:root {
    /* Shared colors and typography come from the application design tokens. */
    --revu-ui-color-success: var(--custom-color-success, #449848);
    --revu-ui-color-error: var(--custom-color-error, #C92020);
    --revu-ui-color-warning: var(--custom-color-warning, #FDBD0E);
    --revu-ui-color-info: #2C95ED;
    --revu-ui-soft-success: #4498484D;
    --revu-ui-soft-error: #C920204D;
    --revu-ui-soft-warning: #FDBD0E4D;
    --revu-ui-soft-info: #2C95ED4D;
    --revu-ui-color-violet: var(--custom-color-secondary-0, #0D0630);
    --revu-ui-color-neon: var(--custom-color-tertiary-0);
    --revu-ui-color-white: var(--custom-color-primary-0, #ffffff);
    --revu-ui-color-white-warm: var(--custom-color-neutral-warm-0, #FFFEFC);
    --revu-ui-color-white-2: var(--custom-color-neutral-warm-1, #FEFDFA);
    --revu-ui-color-text: var(--custom-color-secondary-0, #0D0630);
    --revu-ui-color-muted: var(--custom-color-gray, #898A8D);
    --revu-ui-color-muted-soft: var(--custom-color-primary-20, #D7E3E4);
    --revu-ui-font: var(--custom-font-inter, 'Inter', sans-serif);
    /* Shared stacking levels */
    --revu-ui-popup-z: 12000;
    --revu-ui-toast-z: 13000;
}