/* Design tokens provided by UX team. */
:root {
  /* THEME AOM DARK THEME */
  --brand: var(--globals--teal_3);
  --primary: var(--globals--teal_6);
  --secondary: var(--globals--coldgrey_5);
  --action: var(--globals--teal_12);
  --accent: var(--globals--earth_11);
  --accent_contrast: var(--globals--earth_15);
  --on_brand: var(--globals--neutral_white);
  --on_primary: var(--globals--neutral_white);
  --on_secondary: var(--globals--neutral_white);
  --on_default: var(--globals--neutral_white);
  --on_action: var(--globals--coldgrey_1);
  --on_accent: var(--globals--coldgrey_1);

  /* BASE COLOURS DARK THEME */
  --theme--brand: var(--brand);
  --theme--primary: var(--primary);
  --theme--secondary: var(--secondary);
  --theme--action: var(--action);
  --theme--accent: var(--accent);
  --theme--accent_contrast: var(--accent_contrast);
  --theme--on_brand: var(--on_brand);
  --theme--on_primary: var(--on_primary);
  --theme--on_secondary: var(--on_secondary);
  --theme--on_default: var(--on_default);
  --theme--on_action: var(--on_action);
  --theme--on_accent: var(--on_accent);
  --semantic--error: var(--globals--red_13);
  --semantic--warning: var(--globals--yellow_13);
  --semantic--info: var(--globals--blue_15);
  --semantic--success: var(--globals--green_13);
  --text--default: var(--globals--coldgrey_11);
  --text--subtle: var(--globals--coldgrey_8);
  --text--disabled: var(--globals--coldgrey_6);
  --text--inverse: var(--globals--coldgrey_2);
  --text--error: var(--semantic--error);
  --text--warning: var(--semantic--warning);
  --text--info: var(--semantic--info);
  --text--success: var(--semantic--success);
  --link--default: var(--globals--blue_15);
  --link--visited: var(--globals--violet_14);
  --icon--action: var(--theme--action);
  --icon--secondary: var(--globals--coldgrey_8);
  --icon--error: var(--semantic--error);
  --icon--warning: var(--semantic--warning);
  --icon--info: var(--semantic--info);
  --icon--success: var(--semantic--success);
  --icon--disabled: var(--globals--coldgrey_6);
  --icon--inverse: var(--globals--coldgrey_1);
  --border--default: var(--globals--coldgrey_6);
  --border--disabled: var(--globals--coldgrey_5);
  --background--disabled: var(--globals--coldgrey_3);	/* Background color for disabled form elements and inactive areas. Similar to cold-grey02 */
  --border--subtle: var(--globals--coldgrey_4);
  --border--inverse: var(--globals--coldgrey_2);
  --border--error: var(--semantic--error);
  --background--default: var(--globals--coldgrey_1);
  --background--neutral: var(--globals--coldgrey_2);
  --background--tertiary: var(--globals--coldgrey_3);	/* Background color for disabled form elements and inactive areas. Similar to cold-grey02 */
  --background--disabled: var(--globals--coldgrey_3);
  --background--error_subtle: var(--globals--red_2);
  --background--error: var(--globals--red_3);
  --background--caution: var(--globals--red_8);
  --background--warning_subtle: var(--globals--yellow_2);
  --background--warning: var(--globals--yellow_3);
  --background--info_subtle: var(--globals--blue_2);
  --background--info: var(--globals--blue_3);
  --background--success_subtle: var(--globals--green_2);
  --background--success: var(--globals--green_3);
  --background--primary: var(--theme--primary);
  --background--positive: var(--globals--green_5);
  --overlay--default: var(--globals--neutral_black_50);
  --interaction--default: var(--theme--accent);
  --interaction--text: var(--theme--accent_contrast);
  --surface--1: var(--globals--coldgrey_2);
  --surface--2: var(--globals--coldgrey_2_tint_4);
  --surface--3: var(--globals--coldgrey_2_tint_8);
  --surface--4: var(--globals--coldgrey_2_tint_12);
  --surface--5: var(--globals--coldgrey_2_tint_16);
  --aom--bid: var(--globals--blue_7);
  --aom--background_bid_subtle: var(--globals--blue_1);
  --aom--background_bid: var(--globals--blue_2);
  --aom--ask: var(--globals--red_7);
  --aom--background_ask_subtle: var(--globals--red_1);
  --aom--background_ask: var(--globals--red_2);
  --aom--text_own_order: var(--globals--earth_13);
  --aom--text_broker_order: var(--globals--pink_13);
  --aom--text_bid: var(--globals--blue_13);
  --aom--text_ask: var(--globals--red_13);
  --aom--text_info: var(--globals--coldgrey_8);
  --aom--text_on_bid_ask_deal: var(--globals--neutral_white);
  --aom--background_bid_highlight: var(--globals--blue_4);
  --aom--background_ask_highlight: var(--globals--red_4);
  --aom--deal: var(--globals--green_6);
  --interaction--hover_grey: var(--globals--neutral_white_20);
  --interaction--pressed: var(--globals--neutral_black);
  --border--accent: var(--theme--accent);
  --text--action: var(--theme--action);
  --icon--primary: var(--theme--primary);
  --text--primary: var(--theme--primary);
  --background--info_subtle: var(--globals--blue_2);	/* Subtle background color for informational message containers. Similar to feedback-informational-10 */
  --background--negative: var(--globals--red_2);
  --icon--read_only: var(--globals--coldgrey_6);
  --icon--on_brand: var(--theme--on_brand);
  --text--accent: var(--theme--accent_contrast);
  --icon--on_primary: var(--theme--on_primary);
  --text--positive: var(--globals--green_11);
  --text--negative: var(--globals--red_13);
  --icon--on_secondary: var(--theme--on_secondary);
  --icon--on_action: var(--theme--on_action);
  --icon--on_accent: var(--theme--on_accent);
  --text--on_brand: var(--theme--on_brand);
  --icon--on_caution: var(--globals--neutral_white);
  --icon--on_interaction: var(--theme--on_accent);
  --text--on_primary: var(--theme--on_primary);
  --text--on_secondary: var(--theme--on_secondary);
  --text--on_action: var(--theme--on_action);
  --text--on_accent: var(--theme--on_accent);
  --text--on_sematic: var(--globals--neutral_white);
  --text--on_caution: var(--globals--neutral_white);
  --text--on_interaction: var(--theme--on_accent);
  --background--shimmer_base: var(--globals--neutral_white_10);
  --background--shimmer_highlight: var(--globals--neutral_white_20);
  --data--1: var(--globals--blue_14);
  --data--2: var(--globals--pink_13);
  --data--3: var(--globals--olive_12);
  --data--4: var(--globals--violet_13);
  --data--5: var(--globals--orange_13);
  --data--6: var(--globals--teal_11);
  --data--7: var(--globals--coldgrey_7);
  --data--8: var(--globals--blue_16);
  --data--9: var(--globals--earth_14);
  --data--10: var(--globals--coldgrey_9);
  --data--positive: var(--globals--green_5);
  --data--negative: var(--globals--red_6);
  --data--neutral: var(--globals--coldgrey_6);
  --data--default: var(--globals--coldgrey_11);

  /* TYPOGRAPHY */
  --font_size_xxxxs: 10px;
  --font_size_xxxs: 10px;
  --font_size_xxs: 12px;
  --font_size_xs: 14px;
  --font_size_sm: 16px;
  --font_size_md: 20px;
  --font_size_lg: 22px;
  --font_size_xl: 24px;
  --font_size_xxl: 28px;
  --font_size_xxxl: 36px;

  --font_weight_light: 200px;
  --font_weight_regular: 400px;
  --font_weight_semibold: 600px;
  --font_weight_bold: 800px;

  /* SPACING */
  --spacing--0: 0px;
  --spacing--1: 1px;
  --spacing--2: 2px;
  --spacing--4: 4px;
  --spacing--6: 6px;
  --spacing--8: 8px;
  --spacing--12: 12px;
  --spacing--16: 16px;
  --spacing--20: 20px;
  --spacing--24: 24px;
  --spacing--32: 32px;
  --spacing--40: 40px;
  --spacing--48: 48px;
  --spacing--56: 56px;
  --spacing--64: 64px;
  --spacing--72: 72px;
  --spacing--80: 80px;
}