:root {
  /**
  * @tokens Font families
  * @presenter FontFamily
  */
  --main-font: 'Roboto', 'Adjusted Roboto Fallback', 'Helvetica Neue', sans-serif;
  --support-font: 'Roboto Condensed', 'Adjusted Roboto Condensed Fallback', Arial, sans-serif;
  --alternative-font: 'Montserrat', 'Adjusted Montserrat Fallback', sans-serif;

  /**
  * @tokens Font sizes
  * @presenter FontSize
  */
  --font-size-tiny: calc(10rem / 16);
  --font-size-smallest: calc(12rem / 16);
  --font-size-smaller: calc(13rem / 16);
  --font-size-small: calc(14rem / 16);
  --font-size-base: calc(16rem / 16);
  --font-size-medium: calc(16rem / 16);
  --font-size-medium-plus: calc(18rem / 16);
  --font-size-large: calc(20rem / 16);
  --font-size-larger: calc(24rem / 16);
  --font-size-larger-plus: calc(28rem / 16);
  --font-size-largest: calc(32rem / 16);
  --font-size-jumbo: calc(36rem / 16);
  --font-size-jumbo-plus: calc(40rem / 16);
  --font-size-monumental: calc(48rem / 16);
  --font-size-ginormous: calc(64rem / 16);

  /**1
  * @tokens Colors
  * @presenter Color
  */
  --vtv75-theme-main-1: #5e60ce;
  --vtv75-theme-main-2: var(--stalltips);
  --vtv75-theme-main-3: #0370e7;
  --vtv75-border-1: #c1c1c1;
  --vtv75-call-to-action: #d04900;
  --vtv75-error: #dd0000;

  --stalltips: #6930c3;
  --stalltips-dark: #310f67;
  --stalltips-2: #4f2098;
  --stalltips-3: #e1d6f3;
  --stalltips-4: #b498e1;
  --stalltips-5: #8b55e0;
  --stalltips-opacity-20: rgba(105, 48, 195, 0.2);
  --stalltips-opacity-10: rgba(105, 48, 195, 0.1);
  --stalltips-opacity-5: rgba(105, 48, 195, 0.05);
  --stalltips-briliantblue: var(--vtv75-theme-main-3);
  --circles-background-color: var(--vtv75-theme-main-1);

  --harvest-green-deep: #0f494d;
  --harvest-green: #256569;
  --harvest-green-2: #a3c0c2;
  --harvest-green-3: #cbdbdc;
  --harvest-green-3-alt: #e4ebeb;
  --harvest-green-4: #f1f5f5;
  --harvest-green-hover: var(--hover);
  --attention: #f85572;
  --lykkas-yellow: #ffdf70;
  --grom-yellow: #fff155;
  --velvet-black: #000000;
  --menu-black: #222222;
  --bliss-white: #ffffff;
  --country-gray-deep: #4a4a4a;
  --country-gray: #d4d4d4;
  --country-gray-1: #4c4c4c;
  --country-gray-2: #8a8a8a;
  --country-gray-3: #b0b0b0;
  --country-gray-4: #d4d4d4;
  --country-gray-5: #f0f0f0;
  --country-gray-6: #f9f9f9;
  --diamond-gray: #f0f0f0;
  --kenya-orange: #d04900;
  --navigation-gray: #222222;
  --navigation-gray-light: #373737;
  --red-alert: #cf022b;
  --notification-red: #f85572;
  --red-alert-lighter: #ecd7d3;
  --indigo-iver: #5e60ce;

  /* This is here because of the alert.component
     Should probably be replaced by something else at some point
  */
  --legacy-corn: #fdf3cf;
  /**
  * @tokens ComponentStates
  * @presenter Color
  */
  --pressed: #1d5558;
  --hover: #008484;
  --focused: #0071eb;
  --error: #cf022b;
  --error-light: #cb1e3f;
  --CTAhover: #d45700;

  /**
  * @tokens Products
  * @presenter Color
  */
  --V86-shade-1: #802c7e;
  --V86-shade-2: #491348;
  --V86-shade-3: #802c7e;
  --V86-shade-4: #bd91bc;
  --V86-shade-5: #e8d9e8;
  --V86-shade-6: #f5eff5;
  --V85-shade-1: #004f9f;
  --V85-shade-2: #003061;
  --V85-shade-3: #004f9f;
  --V85-shade-4: #83baf1;
  --V85-shade-5: #c2e0ff;
  --V85-shade-6: #e0f0ff;
  --V75-shade-1: #008943;
  --V75-shade-2: #00653f;
  --V75-shade-3: #00994d;
  --V75-shade-4: #99d6b8;
  --V75-shade-5: #cfebdd;
  --V75-shade-6: #ecf7f1;
  --V65-shade-1: #b22a2d;
  --V65-shade-2: #741315;
  --V65-shade-3: #b22a2d;
  --V65-shade-4: #e4b4b6;
  --V65-shade-5: #f3dddd;
  --V65-shade-6: #f9eeee;
  --V64-shade-1: #c15701;
  --V64-shade-2: #703301;
  --V64-shade-3: #c68100;
  --V64-shade-4: #edc09b;
  --V64-shade-5: #f5e0cc;
  --V64-shade-6: #faf1eb;
  --QPlus-shade-1: #c24883;
  --QPlus-shade-2: #77254c;
  --QPlus-shade-3: #c24883;
  --QPlus-shade-4: #ec82b5;
  --QPlus-shade-5: #f6bed9;
  --QPlus-shade-6: #ffeff7;
  --games-shade-1: #197eb0;
  --games-shade-2: #144a69;
  --games-shade-3: #3d8bb8;
  --games-shade-4: #b1d1e3;
  --games-shade-5: #d1e3ee;
  --games-shade-6: #ebf3f7;
  --V5-shade-1: #197eb0;
  --V5-shade-2: #144a69;
  --V5-shade-3: #3d8bb8;
  --V5-shade-4: #b1d1e3;
  --V5-shade-5: #d1e3ee;
  --V5-shade-6: #ebf3f7;
  --V5A-shade-1: #197eb0;
  --V5A-shade-2: #144a69;
  --V5A-shade-3: #3d8bb8;
  --V5A-shade-4: #b1d1e3;
  --V5A-shade-5: #d1e3ee;
  --V5A-shade-6: #ebf3f7;
  --V5B-shade-1: #197eb0;
  --V5B-shade-2: #144a69;
  --V5B-shade-3: #3d8bb8;
  --V5B-shade-4: #b1d1e3;
  --V5B-shade-5: #d1e3ee;
  --V5B-shade-6: #ebf3f7;
  --V4-shade-1: #197eb0;
  --V4-shade-2: #144a69;
  --V4-shade-3: #3d8bb8;
  --V4-shade-4: #b1d1e3;
  --V4-shade-5: #d1e3ee;
  --V4-shade-6: #ebf3f7;
  --DD-shade-1: #197eb0;
  --DD-shade-2: #144a69;
  --DD-shade-3: #3d8bb8;
  --DD-shade-4: #b1d1e3;
  --DD-shade-5: #d1e3ee;
  --DD-shade-6: #ebf3f7;
  --TV-shade-1: #197eb0;
  --TV-shade-2: #144a69;
  --TV-shade-3: #3d8bb8;
  --TV-shade-4: #b1d1e3;
  --TV-shade-5: #d1e3ee;
  --TV-shade-6: #ebf3f7;
  --V-shade-1: #197eb0;
  --V-shade-2: #144a69;
  --V-shade-3: #3d8bb8;
  --V-shade-4: #b1d1e3;
  --V-shade-5: #d1e3ee;
  --V-shade-6: #ebf3f7;
  --VP-shade-1: #197eb0;
  --VP-shade-2: #144a69;
  --VP-shade-3: #3d8bb8;
  --VP-shade-4: #b1d1e3;
  --VP-shade-5: #d1e3ee;
  --VP-shade-6: #ebf3f7;
  --P-shade-1: #197eb0;
  --P-shade-2: #144a69;
  --P-shade-3: #3d8bb8;
  --P-shade-4: #b1d1e3;
  --P-shade-5: #d1e3ee;
  --P-shade-6: #ebf3f7;
  --T-shade-1: #197eb0;
  --T-shade-2: #144a69;
  --T-shade-3: #3d8bb8;
  --T-shade-4: #b1d1e3;
  --T-shade-5: #d1e3ee;
  --T-shade-6: #ebf3f7;
  --DUO-shade-1: #197eb0;
  --DUO-shade-2: #144a69;
  --DUO-shade-3: #3d8bb8;
  --DUO-shade-4: #b1d1e3;
  --DUO-shade-5: #d1e3ee;
  --DUO-shade-6: #ebf3f7;

  --racenumber-1: #c59e14;
  --racenumber-2: #1657a8;
  --racenumber-3: #a72623;
  --racenumber-4: #11453e;
  --racenumber-5: #fff;
  --racenumber-6: #000000;
  --racenumber-7: #b7b174;
  --racenumber-8: #7f426d;
  --racenumber-9: #17735e;
  --racenumber-10: #d8498e;
  --racenumber-11: #a7502e;
  --racenumber-12: #413736;
  --racenumber-13: #c59e14;
  --racenumber-14: #1657a8;
  --racenumber-15: #a72623;
  --racenumber-16: #11453e;
  --racenumber-17: #fff;
  --racenumber-18: #000000;
  --racenumber-19: #b7b174;
  --racenumber-20: #7f426d;
  --racenumber-21: #17735e;
  --racenumber-22: #d8498e;
  --racenumber-23: #a7502e;
  --racenumber-24: #413736;

  /**
  * @tokens Easings
  * @presenter Easing
  */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);

  /**
  * @tokens LegacyVariables
  * @presenter Variables
  */
  --legacy-header-md-height: 60px;
  --legacy-header-sm-height: 40px;
  --legacy-max-width: 75rem;

  /**
  * @tokens z-index
  * @presenter z-index
  */
  --z-background: 0;
  --z-map: 1;
  --z-root: 1;
  --z-context-menu-before: 100;
  --z-context-menu-after: 1001;
  --z-tips-list: 1;
  --z-gallery: 75;
  --z-content: 100;
  --z-layers: 200;
  --z-level-1: 250;
  --z-loaded: 300;
  --z-level-2: 300;
  --z-level-3: 400;
  --z-race-day-selector: 450;
  --z-sticky: 470;
  --z-rd-archive: 475;
  --z-search: 550;
  --z-tools-menu: 600;
  --z-chat: 700;
  --z-details: 750;
  --z-debug: 770;
  --z-ui-autocomplete: 900;
  --z-almost-top: 999;
  --z-scroll-to-top-button: 1000;
  --z-rd: 1001;
  --z-main-menu-background: 1050;
  --z-main-menu: 1051;
  --z-main-menu-buttons: 1052;
  --z-downlaod-banner: 1125;
  --z-top: 1100;
  --z-modal-toast: 1150;
  --z-modal: 1200;
  --z-date-picker-popup: 2000;
  --z-team-game-chat: 10000;
  --z-tooltip: 10001;
  --z-feature-override: 11000;

  /**
  * @tokens border-radius
  * @presenter BorderRadius
  */
  --border-radius-component: 0.75rem;
  --border-radius-component-outer: calc(var(--border-radius-component) * 1.5);
  --border-radius-card: 0.5rem;

  /**
  * @tokens Custom Colors
  * @presenter Color
  */
  /* Custom Vipps brand colors for authentication */
  --vipps-orange: #ff5b24;
  --vipps-orange-dark: #cc461c;
}