@use "sass:color";
@use "sass:math";
@use "./base";

$intro-icon-btn-color: base.$color-text-reverse !default;
$intro-move-btn-bgc: color.scale(base.color-gray(10), $alpha: -60%) !default;
$intro-move-btn-bgc-hover: color.scale(base.color-gray(10), $alpha: -40%) !default;

$intro-content-min-width: 600px !default;
$intro-content-max-width: 800px !default;
$intro-content-slide-width: 600px !default;
$intro-content-slides-min-height: base.height(30) !default;
$intro-content-border-radius: 16px !default;
$intro-action-btn-margin: base.padding(4) !default;

$intro-pagination-dot-size: 6px !default;
$intro-pagination-dot-width-active: 10px !default;
$intro-pagination-dot-width: $intro-pagination-dot-width-active !default;
$intro-pagination-dot-bgc: base.color-gray(4) !default;
$intro-pagination-dot-bgc-active: base.color-brand() !default;

$intro-slides-slide-headline-font-size: base.$font-size-20 !default;
$intro-slides-slide-content-font-size: base.$font-size-md !default;
$intro-slides-slide-duration: 0.5s !default;
$intro-slides-slide-desc-fade-in-duration: 0.2s !default;