@use 'sass:color';
@use '../mastodon/functions' as *;
@use 'variables' as local;

:root {
  --dropdown-border-color: #{local.$medium-gray};
  --dropdown-background-color: #{rgba(local.$near-black, 0.98)};
  --modal-border-color: #{local.$medium-gray};
  --modal-background-color: #{rgba(local.$near-black, 0.9)};
  --background-border-color: #{local.$medium-gray};
  --background-color: #{local.$black};
  --background-color-tint: #{rgba(local.$black, 0.98)};
  --surface-variant-background-color: #{local.$near-black};
  --surface-border-color: #{local.$dark-gray};
  --rich-text-container-color: rgba(30, 30, 30, 100%);
  --rich-text-text-color: rgba(200, 200, 200, 100%);
  --rich-text-decorations-color: rgba(255, 255, 255, 100%);
}

body {
  --text-x-direction: 1;

  &.rtl {
    --text-x-direction: -1;
  }
}