:root {
  --colour_white: #ffffff;
  --colour_white-raw: 255, 255, 255;

  --colour_black: #000000;
  --colour_black_raw: 0, 0, 0;

  --colour_red: #ff0000;
  --colour_red_raw: 255, 0, 0;

  --colour_green: #00ff00;
  --colour_green_raw: 0, 255, 0;

  --colour_blue: #0000ff;
  --colour_blue_raw: 0, 0, 255;

  --box_shadow_item: 0px 2px 4px rgba(var(--colour_black_raw), 0.3);
  --box_shadow_item_light: 0px 2px 4px rgba(var(--colour_black_raw), 0.05);
  --box_shadow_item_extalight: 0px 2px 4px rgba(var(--colour_black_raw), 0.025);

  --box_shadow_item_inverted: 0px -2px 4px rgba(var(--colour_black_raw), 0.3);
  --box_shadow_item_light_inverted: 0px -2px 4px rgba(var(--colour_black_raw), 0.05);
  --box_shadow_item_extralight_inverted: 0px -2px 4px rgba(var(--colour_black_raw), 0.025);

  --box_shadow_item_centered: 0px 0px 4px rgba(var(--colour_black_raw), 0.3);
  --box_shadow_item_centered_light: 0px 0px 4px
    rgba(var(--colour_black_raw), 0.05);
  --box_shadow_item_centered_extralight: 0px 0px 4px
    rgba(var(--colour_black_raw), 0.025);

  --colour_grey_dark: #222222;

  --colour_text: var(
    --colour_black
  );
}