// Official branding assets: https://discord.com/branding
$blurple: #7289DA;
$full-white: #FFFFFF;
$greyple: #99AAB5;
$dark-but-not-black: #2C2F33;
$not-quite-black: #23272A;
$actually-black: #000000;


// Colors
$accent-color: $blurple;
$accent-bg-color: #fff;

$light-background-color: $full-white;
$light-shadow-color: 0 -1px 18px rgb(0 0 0 / 20%), 0 -1px 0 rgb(0 0 0 / 20%);
$light-light-text-color: #8a8e94;
$light-text-color: #8a8e94;
$light-dark-text-color: rgba(0, 0, 0, .7);
$light-border-color: #212325;
$light-button-text-color: #000;
$light-button-bg-color: hsla(0,0%,100%,.1);
$light-button-shadow-color: inset 0 1px 0 hsl(0deg 0% 100% / 4%);

$dark-background-color: #202225;
$dark-shadow-color: 0 -1px 18px rgb(0 0 0 / 20%), 0 -1px 0 rgb(0 0 0 / 20%);
$dark-light-text-color: #fff;
$dark-text-color: #8a8e94;
$dark-dark-text-color: rgba(255, 255, 255, .2);
$dark-border-color: #212325;
$dark-button-text-color: #fff;
$dark-button-bg-color: hsla(0,0%,100%,.1);
$dark-button-shadow-color: inset 0 1px 0 hsl(0deg 0% 100% / 4%);


// Texts
$general-font-family: Whitney, Helvetica Neue, Helvetica,Arial, sans-serif;

$paragraph-text-font-size: 14px;
$paragraph-text-font-weight: 400;
$paragraph-text-font-family: $general-font-family;

$title-text-font-size: 18px;
$title-text-font-weight: 600;
$title-text-font-family: $general-font-family;

$caps-text-font-size: 14px;
$caps-text-font-weight: 600;
$caps-text-font-family: $general-font-family;


// Dimensions
$horizontal-grid-space: 20px;
$vertical-grid-space: 20px;
$small-vertical-grid-space: 6px;

$spacer: 12px;
$small-spacer: 30px;
$side-spacer: 10px;
$small-side-spacer: 6px;

$border-width: 1px;

$border-radius: 4px;
$big-border-radius: 5px;
$avatar-border-radius: 50%;


// Images
$light-background-1: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/lbg1.svg');
$light-background-2: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/lbg2.svg');

$dark-background-1: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/dbg1.svg');
$dark-background-2: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/dbg2.svg');

$logo-white: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-white.svg');
$logo-black: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-black.svg');
$logo-accent: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-accent.svg');

$icon-white: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-white.svg');
$icon-black: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-black.svg');
$icon-accent: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-accent.svg');

$name-white: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-white.svg');
$name-black: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-black.svg');
$name-accent: url('/wp-content/plugins/discord-wordpress-plugin/view/style/discord/images/logo-accent.svg');


// return main text styles
@mixin paragraph-text-styles() {
    font-size: $paragraph-text-font-size;
    font-weight: $paragraph-text-font-weight;
    font-family: $paragraph-text-font-family;
}