@use "sass:map"

$primary-color: #f5f5f5
$secondary-color: #f5f5f5
$tertiary-color: #f5f5f5
$quaternary-color: #c5b06a

$text-color: #f5f5f5
$background-color: #343434

$primary-font: "Times"
$secondary-font: "Roboto"

// Header Sizes and Colors Map
$header-styles: (h1: (size: 2em, color: $primary-color, border-size: 2px))
$header-styles: map.set($header-styles, h2, (size: 1.5em, color: $secondary-color, border-size: 2px))
$header-styles: map.set($header-styles, h3, (size: 1.0em, color: $tertiary-color, border-size: 1px))
$header-styles: map.set($header-styles, h4, (size: 1.0em, color: $quaternary-color, border-size: 1px))


// Colors
$anchor-color: #ff8800
$anchor-hover-color: #ffcc00

// Header Sizes
// $default-header-sizes: (h1: 2em, h2: 1.5em, h3: 1em, h4: 1em, h5: 1.1em, h6: 1em)

// Margins
$first-anchor-margin-left: 2em


$playlist-header-color: #00e5ff