/* ======= 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-pa-blue: #0D6A94;
   --color-pa-blue-2: #0D6A94;
   --color-pa-blue-3: #0D6A94;
   --color-pa-dark-indigo: #1F2168;
   --color-pa-dark-indigo-op60: rgba(31, 33, 104, 0.60);
   --color-pa-dark-indigo-op50: #1f216880;
   --color-pa-dark-indigo-op10: rgba(31, 33, 104, 0.10);
   --color-pa-light-indigo: #A4C3EF;
   --color-pa-red: #DB4444;
   --color-pa-red-2: #E74040;
   --color-pa-red-3: #ec6b59;
   --color-pa-light-blue: #EFF4FB;
   --color-pa-dark-grey: #252B42;
   --color-pa-dark-grey-op40: rgba(37, 43, 66, 0.40);
   --color-pa-very-light-grey: rgba(0, 0, 0, 0.10);
   --color-pa-very-light-grey-2: rgba(0, 0, 0, 0.20);
   --color-pa-light-grey: rgba(0, 0, 0, 0.6);
   --color-pa-light-grey-2: #F4F4F4;
   --color-pa-light-grey-3: #F5F5F5;
   --color-pa-light-grey-4: #F1F1F1;
   --color-pa-light-grey-5: #f3f3f3;
   --color-pa-light-grey-6: #FAFAFA;
   --color-pa-light-grey-7: #EFEFEF;
   --color-pa-light-grey-8: #F6F6F6;
   --color-pa-light-grey-9: #c7cad0;
   --color-pa-light-grey-10: #c0c0c0;
   --color-pa-light-grey-11: #666;
   --color-pa-orange: #f5a21b;

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

   --color-pa-grey: #e3e3e3;

   --btn-secondary-hover-bg-color: var(--btn-turquoise-bg-color);
   --btn-secondary-hover-border-color: var(--btn-turquoise-border-color);
   /* 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-pa-blue);
   --color-secondary: var(--color-pa-blue);

   --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-pa-red);
   --color-highlight: var(--color-pa-red);
   --color-highlight-darken: var(--color-pa-red);
   --link-color-highlight: var(--color-secondary);

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

   --text-color-price-sale: var(--color-red);
   --text-color-price-strike: var(--color-gray);
   --text-color-comp-value: var(--color-pa-dark-indigo-op60);
   --text-color-review-count: var(--color-primary);

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

   --border-color-base: #E5E5E5;
   --border-color-banner: var(--color-pa-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 ====== */