$font-size: 14px !default;
$font-family: 'Noto-Sans', sans-serif !default;

$semi-hidden-color: #B6C1C6 !default;

$link-color: #1DA1F2 !default;
$link-color-active: darken($link-color, 5%) !default;
$text-color: #2A2E2E !default;

$form-field-background-color: #fff !default;

$attachment-size: 50px !default;
$attachment-child-size: $attachment-size - 10 !default;

$attachment-color: #eee !default;
$attachment-background-color: #eee !default;

$avatar-border-radius: 50% !default;
$parent-avatar-size: 48px !default;
$child-avatar-size: 30px !default;

$comment-parent-space: $parent-avatar-size + 20 !default;
$comment-child-space: $parent-avatar-size !default;

$comment-field-padding: 41px 10px 5px 93px !default;
$comment-field-default-height: 64px !default;

$form-after-space: 50px !default;

$big-space: 50px !default;
$medium-space: $big-space / 2 !default;
$small-space: $medium-space / 2 !default;
$xsmall-space: $small-space / 2 !default;

$btn-radius: 30px !default;

$btn-color: #fff !default;
$btn-height: 30px !default;
$btn-padding: 0 50px !default;
$btn-background-color: #1DA1F2 !default;
$btn-background-color-active: darken($btn-background-color, 5%) !default;


$global-margin: 20px 0 !default;
$global-padding: 0 !default;

$global-radius: 4px !default;
$global-background-color: transparent !default;
$global-background-border-radius: 0 !default;

$editor-bubble-color: #E8EDEF !default;

$tooltip-background-color: $editor-bubble-color;
$tooltip-text-color: #747B7E !default;
$tooltip-border-radius: 10px !default;

$root: '.anycomment-app' !default;
