@use 'sass:color';

$dark-theme: false !default;

$color-1: #B29B89;
$color-2: #89B29B;
$color-3: #9B89B2;

$text-color: color.adjust($color-1, $lightness: -30%);
$text-highlight: color.adjust($color-1, $lightness: +30%);
$link-color: color.adjust($color-3, $lightness: -25%);
$link-hover-color: color.adjust($color-3, $lightness: +20%);

@if $dark-theme {
    $text-color: color.adjust($color-1, $lightness: -10%);
    $text-highlight: color.adjust($color-1, $lightness: +10%);
    $link-color: color.adjust($color-3, $lightness: -5%);
    $link-hover-color: color.adjust($color-3, $lightness: +10%);

    $color-1: color.adjust($color-1, $lightness: -47%);
    $color-2: color.adjust($color-2, $lightness: -47%);
    $color-3: color.adjust($color-2, $lightness: -47%);
}

$margin: 5px;