@use "sass:map"
@use "sass:color"

$primary-color: red
$secondary-color: blue
$tertiary-color: green
$quaternary-color: orange

$primary-color: #c29504
$secondary-color: #d16f00
$tertiary-color: #ccad49
$quaternary-color: #c5b06a
$quinary-color: #3c78bd

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

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

// Header Sizes and Colors Map
$header-styles: (h1: (size: 2.5em, 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: $primary-color
$anchor-hover-color: color.adjust($anchor-color, $lightness: 10%)
$anchor-secondary-color: #a19581
$anchor-secondary-hover-color: #ffad42  // A warm, light orange that pairs well with the yellow marker

// Code Block Background
$code-bg-color: #000 // Lighter background color for code blocks
$code-font-color: $text-color
$code-font-color: #bb7e70

// 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: $primary-color