/**
 * Dru theme
 *
 * By Drew Alexander
 */


// Default mixins and settings -----------------
@use "sass:color";
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------

@font-face {
    font-family: 'Geist Mono';
    src: url('../../assets/fonts/Geist_Mono/GeistMono-VariableFont_wght.ttf');
    font-weight: 300 600;
}

@font-face {
    font-family: 'Geist';
    src: url('../../assets/fonts/Geist/Geist-VariableFont_wght.ttf');
    font-weight: 300 600;
}

@font-face {
    font-family: 'Cascadia Code';
    src: url('../../assets/fonts/Cascadia_Code/CascadiaCode-VariableFont_wght.ttf');
    font-weight: 300 600;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf');
    font-weight: 300 600;
}

// Override theme settings (see ../template/settings.scss)
$backgroundColor: #282828;

$mainColor: #fff;
$headingColor: #b0efff;

$mainFontSize: 42px;
$mainFont: 'Cascadia Code', Helvetica, sans-serif;
$headingFont: 'Cascadia Code', Helvetica, sans-serif;
$codeFont: 'Cascadia Code', monospace;
$headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingFontWeight: 800;
$linkColor: #a8dadc;
$linkColorHover: color.scale( $linkColor, $lightness: 15% );
$selectionBackgroundColor: rgba( $linkColor, 0.75 );

$heading1Size: 2.5em;
$heading2Size: 1.6em;
$heading3Size: 1.3em;
$heading4Size: 1.0em;

// Change text colors against light slide backgrounds
@include light-bg-text-color(#222);


// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

// Overrides
.reveal .r-frame {
	border-radius: 5px;
}

.r-hstack, .r-vstack {
    gap: 15px;
}

img, video {
    &:not(.no-border) {
        border: solid 10px white;
    }
}
