/**
 * Black theme for reveal.js.
 *
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
 */

// Load utils
@use 'sass:color';
@use 'template/mixins' as mixins;

$active-color: #e7ad52;

// Inject theme variables (with some overrides)
@use 'template/settings' with (
	$background-color: #111,

	$main-font: "'Open Sans', sans-serif",
	$main-color: #fff,

	$heading-color: #fff,
	$heading-font: "'Montserrat', Impact, sans-serif",
	$heading-text-transform: none,
	$heading-letter-spacing: -0.03em,

	$link-color: $active-color,
	$link-color-hover: color.scale($active-color, $lightness: 20%),
	$selection-color: #111,
	$selection-background-color: $active-color
);

// Inject the theme template
@use 'template/theme';

// Include theme-specific fonts
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic');

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