/***************************************
* Woo Variables
****************************************/
:root {
    /* Color */
    --woo-color-surface:#fbfbfb; /* block, form, table */
    --woo-color-surface-highlight:#e8e8e8; /* on hover, active */
    --woo-color-bg:#f6f7f9;
    --woo-color-bg-white:#fff;
    --woo-color-dark-blue:#002651;
    --woo-color-blue:#3164AF;
    --woo-color-black:#1D1B1B;
    --woo-color-line:#E6E6E6;

    /* Color Notification */
    --woo-color-error:var(--twc-color-error, #dd4b29);
    --woo-color-info:#26a9ef;
    --woo-color-message:#00cd83;

    /* Form input */
    --woo-field-bg:var(--woo-color-surface, #fbfbfb);
    --woo-field-bg-hover:var(--woo-color-surface-highlight, #e8e8e8);
    --woo-field-color:var(--twc-color-text, #000);
    --woo-field-size:16px;
    --woo-field-font:var(--twc-font-primary);

    /* Border */
    --woo-radius:5px;
    --woo-border:1px solid var(--woo-color-surface-highlight);

    /* Gap */
    --woo-gap-field:10px;

    /* Icon */
    --woo-icon-error:"\e943";
    --woo-icon-info:"\e935";
    --woo-icon-message:"\e932";
    --woo-icon-clear:"\e946";
    --woo-icon-restore:"\e944";
    --woo-icon-discount:"\e94c";
    --woo-icon-shipping:"\e94d";
    --woo-icon-cart:"\e921";
}