@charset "UTF-8";

/**
  global css
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap"); @import url("https://use.typekit.net/xmw7vvn.css");

:root {

    --bs-body-font-family : 'Roboto', sans-serif;
    --font-futura: 'futura-pt', sans-serif;
    --font-futura-bold: 'futura-pt-bold', sans-serif;


    --bs-primary: #D9000D;
    --bs-secondary: #666370;

    --bs-body-bg:var(--bs-white);
    --bs-body-color: #1A2034;

    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
	  --bs-gutter-x: 0.75rem;


    /** font weight**/

    --vox-body-font-weight-lighter:  200;
    --vox-body-font-weight-light:     300;
    --bs-body-font-weight: var(--vox-body-font-weight-regular);
    --vox-body-font-weight-regular:  400;
    --vox-body-font-weight-medium:  500;
    --vox-body-font-weight-semi-bold: 600;
    --vox-body-font-weight-bold: 700;
    --vox-body-font-weight-bolder:  800;
    --vox-body-font-weight-black: 900;


    /* font sizes start */

    /* 18/28 */
    --fs-18: clamp(1rem, 0.875rem + 0.333vw, 1.125rem);
    --lh-18: clamp(1.625rem, 1.5rem + 0.333vw, 1.75rem);

    /* 22/32 */
    --fs-body: clamp(1.125rem, 0.875rem + 0.667vw, 1.375rem);
    --lh-body: clamp(1.75rem, 1.5rem + 0.667vw, 2rem);
    --bs-body-font-size: var(--fs-body);
    --bs-body-line-height: var(--lh-body);

    /* 22/32 */
    --fs-h3: clamp(1.25rem, 1.125rem + 0.333vw, 1.375rem);
    --lh-h3: clamp(1.875rem, 1.75rem + 0.333vw, 2rem);

    /* 30/50 */
    --fs-h2: 1.875rem;
    --lh-h2: 3.125rem;

    /* 40/50 */
    --fs-quote: clamp(1.875rem, 1.25rem + 1.667vw, 2.5rem);
    --lh-quote: clamp(2.5rem, 1.5rem + 2.667vw, 3.5rem);

    /* 60/75 */
    --fs-h1: clamp(2.5rem, 1.25rem + 3.333vw, 3.75rem);
    --lh-h1: clamp(3.438rem, 2.188rem + 3.333vw, 4.688rem);

    /* font sizes end */

    --vox-width: 88%;
    --vox-max-width-large: 1240px;
    --vox-max-width-small: 900px;
    --vox-margin-auto: 0 auto;



 }