//
// Definitions
// =============================================================================
//
@component--prefix: beyer;
@fonts--path: 'fonts';

// colors
@beyerdynamic-blue: rgb(0, 51, 102);
@champagne: rgb(176, 158, 112);
@champagne-25: rgb(238, 233, 220);
@black: rgb(0, 0, 0);
@black-80: rgba(0, 0, 0, .8);
@black-60: rgba(0, 0, 0, .6);
@black-40: rgba(0, 0, 0, .4);
@black-20: rgba(0, 0, 0, .2);
@black-10: rgba(0, 0, 0, .1);
@white: rgb(255, 255, 255);
@white-10: rgba(255, 255, 255, .1);
@white-20: rgba(255, 255, 255, .2);
@white-40: rgba(255, 255, 255, .4);
@white-60: rgba(255, 255, 255, .6);
@white-80: rgba(255, 255, 255, .8);
@secondary-red: rgb(203, 51, 59);
@secondary-green: rgb(101, 141, 27);
@secondary-yellow: rgb(234, 170, 0);
@gray: rgb(204, 204, 204); // gray80, #cccccc
@gray-1: rgb(237, 237, 237); // gray93, #ededed
@gray-2: lighten(@black, 75%); // gray75, #bfbfbf
@gray-3: lighten(@black, 50%); // gray, #808080

// fonts
@font-family--trade-gothic-bold-2: 'Trade Gothic Bold No-2';
@font-family--trade-gothic-medium: 'Trade Gothic Medium';
@font-family--trade-gothic-light: 'Trade Gothic Light';
@font-size-small: 11px;

// typography
@default--letter-spacing: 0.025em;
@default--line-height: 1.618em;
@default--font-size: 16px;
@default--font-size-whithout-unit: 16;
@default--line-height: 28px;
@default--font-family: @font-family--trade-gothic-medium;

@gutter--width: 16px;

// space
@default--space: 1rem;

// px to rem calculation
@rem: @default--font-size-whithout-unit * 1rem;

// selector prefix
@dotPrefix: ~'.';

//
// Contextual assignments
// =============================================================================
//
@headlines--font-family: @font-family--trade-gothic-bold-2;
@body--font-family: @default--font-family;

// header
@header--height: @default--space * 5;

// icons
@icon--cart: '/icons/icon54/Cart.svg';
@icon--minus: '/icons/material/minus.svg';
@icon--plus: '/icons/material/plus.svg';
@icon--window-close: '/icons/material/window-close.svg';
@icon--right-cms: '/icons/icon54/Right-2.svg';

