/* ======= Theme styles - Start ====== */
:root {
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Some main colors */
    --color-stius-green: #53ba83;
    --color-stius-green-2: #53ba83;
    --color-stius-green-3: #53ba83;
    --color-stius-dark-indigo: #1F2168;
    --color-stius-dark-indigo-op60: rgba(31, 33, 104, 0.60);
    --color-stius-dark-indigo-op50: #1f216880;
    --color-stius-dark-indigo-op10: rgba(31, 33, 104, 0.10);
    --color-stius-light-indigo: #A4C3EF;
    --color-stius-red: #F16650;
    --color-stius-red-2: #E74040;
    --color-stius-light-blue: #EFF4FB;
    --color-stius-dark-grey: #252B42;
    --color-stius-dark-grey-op40: rgba(37, 43, 66, 0.40);
    --color-stius-very-light-grey: rgba(0, 0, 0, 0.10);
    --color-stius-very-light-grey-2: rgba(0, 0, 0, 0.20);
    --color-stius-light-grey: rgba(0, 0, 0, 0.6);
    --color-stius-light-grey-2: #F4F4F4;
    --color-stius-light-grey-3: #F5F5F5;
    --color-stius-light-grey-4: #F1F1F1;
    --color-stius-light-grey-5: #f3f3f3;
    --color-stius-light-grey-6: #FAFAFA;
    --color-stius-light-grey-7: #EFEFEF;
    --color-stius-light-grey-8: #F6F6F6;
    --color-stius-light-grey-9: #c7cad0;
    --color-stius-light-grey-10: #c0c0c0;
    --color-stius-orange: #f5a21b;

    --color-stius-white: #FFFFFF;
    --color-stius-white-op60: rgba(255, 255, 255, 0.60);
    --color-stius-black: #5E524D;
    --color-stius-gold: #B28D59;
    --text-color-title: #3f505e;
    --color-stius-gold-2: #B8A15F;

    --color-stius-grey: #e3e3e3;
    /* Font Family */
    --font-family: 'Roboto', arial, sans-serif;

    --font-family-heading: var(--font-family);

    /* Font Size */
    --font-size-xxxlarge: 3.2rem;
    --font-size-xxlarge: 2.4rem;
    --font-size-xlarge: 2rem;
    --font-size-large: 1.6rem;
    --font-size-mid: 1.5rem;
    --font-size-base: 1.4rem;
    --font-size-small: 1.3rem;
    --font-size-xs: 1.2rem;
    --font-size-xxs: 1.1rem;
    --font-size-xxxs: 1.0rem;


    /*!* theme override *!*/
    --color-primary: var(--color-stius-green);
    --color-secondary: var(--color-stius-green);

    --btn-primary-bg-color: var(--color-primary);
    --btn-primary-border-color: var(--color-primary);
    --btn-primary-hover-color: #5366a1;
    --btn-primary-hover-border-color: #5366a1;

    --color-error: var(--color-stius-red);
    --color-highlight: var(--color-stius-red);
    --color-highlight-darken: var(--color-stius-red);
    --link-color-highlight: var(--color-secondary);

    --text-color-default: var(--color-stius-black);
    --text-color-item-title: var(--color-stius-dark-grey);
    --text-color-gray: #646565;
    --text-color-highlight: var(--color-highlight);

    --text-color-price-sale: var(--color-stius-red);
    --text-color-price-strike: var(--color-stius-black);
    --text-color-comp-value: var(--color-stius-black);
    --text-color-review-count: var(--color-primary);

    --bg-color-info: var(--color-stius-light-grey-5);

    --border-color-base: #E5E5E5;
    --border-color-banner: var(--color-stius-light-indigo);
    --border-color-stepflow: #e5e5e5;

    --box-shadow-default: 0px 0.6rem 1.2rem -0.2rem rgba(50, 50, 93, 0.25);
    --box-shadow-card: 0.2rem 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.30);

    /* Border Radius */
    --border-radius-base: 0;
    --border-radius-small: 0;
    --border-radius-middle: 0;
    --border-radius-large: 0;
    --border-style-1: 0.1rem solid rgba(0, 0, 0, 0.20);

    /* Layout */
    --pdp-content-max-width: unset;
    --pdp-ucd-content-max-width: unset;
    --pdp-calendar-content-max-width: unset;
    --pdp-stamps-content-max-width: unset;
    

    /* preview image background */
    --bg-color-product-preview-pdp: #FFFFFF;

    /* icons */
    --pdp-icon-ead: url("https://cdn3.simplytoimpress.com/images/template/icons/icon-shipping-delivery-v1.png");
    --pdp-icon-arrow: url("https://cdn.simplytoimpress.com/images/pdp/icon-arrow.svg");
}

/* ======= Theme styles - End ====== */