html {
    --font-inter: Inter, Helvetica, sans-serif;
    --font-cairo: Cairo, Helvetica, sans-serif;

    --ui-functionality: #7a56b0;
    --ui-functionality-hover: #4c3c6e;
    --ui-functionality-hover-alt: #b29fdb;
    --ui-primary: #d93f85;
    --ui-primary-hover: #84305e;
    --ui-alert: #CB9011;
    --ui-warning: #DB542B;
    --ui-action-delete: #ab6955;
    --ui-action-delete-hover: #702610;
    --ui-disabled: #ccc;
    
    --headings: #7a7188;
    --copy: #554F59;
    --copy-secondary: #968E9D;
    --copy-tertiary: #c8bfd0;
    --price: #669e61;

    --backdrop-light-1: #FFFFFF;
    --backdrop-light-2: #f4eefa;
    --backdrop-light-3: #faf9fa;
    --backdrop-light-4: #e9dff1;
    --backdrop-light-5: #f1eff3;
    --backdrop-light-6: #f7f7f8;
    --backdrop-dark-1: #41314D;

    --ui-outline: solid 1px var(--ui-functionality);


}