/***************************************
* Woo Variables
****************************************/
:root {
    /* Color */
    --woo-color-surface:var(--bb-color-primary); /* block, form, table */
    --woo-color-surface-highlight:var(--bb-color-blue); /* on hover, active */

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

    /* Table */
    --woo-table-bg:#fbfbfb;
    --woo-thumbnail-size:85px;

    /* Form input */
    --woo-field-bg:var(--woo-color-surface, #fbfbfb);
    --woo-field-bg-hover:var(--woo-color-surface-highlight, #e8e8e8);
    --woo-field-color:var(--bb-color-text, #000);
    --woo-field-size:16px;
    --woo-field-font:var(--bb-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";
}

@media only screen and (max-width:1023px) {
    :root {
        --woo-thumbnail-size:65px;
    }
}