/* Snuscorp design tokens. Values per build/design-spec.md §1. */
:root{
  /* --- colour --- */
  --color-accent:#151515;
  --color-body:#151515;
  --color-text:#151515;
  --color-heading:#151515;
  --color-price:#151515;
  --color-price-light:#858585;

  --bg-body:#ffffff;
  --color-bg:#ffffff;
  --color-header-bg:#ffffff;
  --bg-body-darken:#f7f7f7;

  --color-product-card-grey:#f0f1f2;
  --color-product-variant-selected-bg:#eeeff0;

  --color-border:#E2E2E2;
  --color-header-border:#E2E2E2;
  --color-form-border:#dedede;

  --color-announcement-bar-bg:#000000;
  --color-announcement-bar-text:#ffffff;

  --color-badge-sale:#151515;
  --color-badge-sold-out:#939393;
  --color-badge-text:#ffffff;
  --badge-corner-radius:13px;

  --color-footer-bg:#151515;
  --color-footer-text:#FFFFFF;
  --color-footer-link:#FFFFFF;
  --color-footer-link-hover:#FFFFFF;
  --color-footer-border:#444444;

  --color-inventory-instock:#279A4B;
  --color-inventory-lowstock:#FB9E5B;
  --color-star:#FD9A52;
  --color-dots:#151515;

  --color-overlay:rgba(0,0,0,.7);
  --color-specs-bg:#f3f3f3;

  --color-header-icons:#151515;

  /* --- type --- */
  --font-heading-family:"Josefin Sans",sans-serif;
  --font-body-family:"Open Sans",sans-serif;
  --font-body-weight:400;
  --font-heading-weight:400;
  --font-body-scale:1.0;
  --font-heading-scale:1.3;
  --font-heading-line-height-scale:1.1;
  --font-heading-letter-spacing:0.04em;
  --font-navigation-scale:1.0;
  --font-product-title-scale:1.0;
  --font-announcement-scale:1.0;
  --font-body-letter-spacing:0;
  --button-letter-spacing:0.02em;

  /* --- layout --- */
  --container-width:1440px;
  --row-padding:15px;          /* <768 */
  --row-padding-desktop:35px;  /* >=768 ; + column 15px = 50px content edge */
  --column-padding:4px;
  --column-padding-desktop:15px;
  --section-spacing-mobile:50px;
  --section-spacing-desktop:90px;
  --spacer-mobile:50px;
  --spacer-desktop:100px;

  --announcement-height:41px;
  --header-height:95px;
  --header-height-mobile:85px;
  --logo-height:30px;
  --logo-height-mobile:30px;

  /* --- buttons --- */
  --button-height:48px;
  --button-border-radius:0px;
  --button-font-size:14px;
  --button-font-weight:600;
  --button-transition:.25s cubic-bezier(.104,.204,.492,1);

  /* --- cards --- */
  --product-card-radius:10px;
  --product-card-image-padding:18px;
  --dot-speed:5s;
}