$current-font: Fredoka One, sans-serif;
$logo-font: Fredoka One, sans-serif;

$main-title-color: #ffffff;
$third-text-color: #000000;
$main-site-section: #2f303a;
$about-text-bgc: rgba(47, 48, 58, 0.8);
$thumb-background-color: #f5f4fa;

$line-color: #ececec;
$border-color: #eeeeee;

$first-text-color: #757575;
$second-title-color: #212121;
$current-placeholder-color: rgba(117, 117, 117, 0.5);
$accent-color: #9927b5;
$btn-accent-color: #9927b5;

$second-text-color: rgba(255, 255, 255, 0.6);
$social-background-color: rgba(255, 255, 255, 0.1);

$overlay-color: rgba(0, 0, 0, 0.2);
$overlay-card-color: rgba(33, 150, 243, 0.9);

$duration: 250ms;
$function: cubic-bezier(0.4, 0, 0.2, 1);

:root {
    --current-font: Fredoka One, sans-serif;
    --main-title-color: #ffffff;
    --second-title-color: #212121;
    --first-text-color: #757575;
    --second-text-color: rgba(255, 255, 255, 0.6);
    --third-text-color: #000000;
    --accent-color: #9927b5;
    --btn-accent-color: #9927b5;
    --main-site-section: #2f303a;
    --thumb-background-color: #f5f4fa;
    --line-color: #ececec;
    --border-color: #eeeeee;
    --current-placeholder-color: rgba(117, 117, 117, 0.5);
    --social-background-color: rgba(255, 255, 255, 0.1);
    --social-link-color: #AFB1B8;
    --overlay-color: rgba(0, 0, 0, 0.2);
    --duration: 250ms;
    --function: cubic-bezier(0.4, 0, 0.2, 1);
    --about-text-bgc: rgba(47, 48, 58, 0.8);
    --overlay-card-color: rgba(33, 150, 243, 0.9);
  }