@forward "../styles/prefix";
@forward "../styles/variables";
@use "../styles/variables" as *;

$circle-size: var(--circle-size, 100px * $hd);
$circle-width: var(--circle-width, $circle-size);
$circle-height: var(--circle-height, $circle-size);
$circle-color: var(--circle-color, var(--primary-color, $primary-color));
$circle-hover-stroke: var(--circle-hover-stroke, $circle-color);
$circle-layer-stroke: var(--circle-layer-stroke, var(--white, $white));
$circle-text-padding: var(--circle-text-padding, 0 var(--padding-base, $padding-base));
$circle-text-color: var(--circle-text-color, var(--text-color, $text-color));
$circle-text-font-weight: var(--circle-text-font-weight, var(--font-weight-bold, $font-weight-bold));
$circle-text-font-size: var(--circle-text-font-size, var(--font-size-md, $font-size-md));
$circle-text-line-height: var(--circle-text-line-height, var(--line-height-md, $line-height-md));