// _variables.sass
@use "sass:map"
@use "sass:color"
@use 'fonts' as fonts

$list-padding-left: 1.2em

// Color Variables

// Colors 

// $primary-color: #42a5f5        // Light blue for links
// $tertiary-color: #ff5252         // Bright red for headers
// $secondary-color: #7cb342      // Vibrant green for code blocks
// $quaternary-color: #9575cd     // Muted purple for highlights
// $quinary-color: #ffa726        // Warm orange for accents

$primary-color: #ffa726          // Bright orange for links
$secondary-color: #42a5f5        // Light blue for secondary elements
$tertiary-color: #66bb6a         // Green for tertiary elements
$quaternary-color: #ab47bc       // Light purple for highlights
$quinary-color: #ff7043          // Coral orange for subtle accents

$code-background-color: #20232a // Dark gray-blue for code blocks
$code-text-color: #ffffff // Pure white for code text

$note-background-color: #2c313c // Dark gray for note background
$note-border-color: $quinary-color

// Text
$text-color: #cfd8dc            // Light gray-blue for text
$background-color: #263238      // Very dark gray-blue background

// Links, Anchors
$anchor-color: color.adjust($secondary-color, $lightness: 15%)
$anchor-hover-color: color.adjust($primary-color, $lightness: 10%)
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
$toc-anchor-hover-color: color.adjust($primary-color, $lightness: -5%)

// Tables
$table-header-bg: #37474f       // Dark blue-gray for table headers
$table-border-color: #546e7a    // Muted teal-gray for borders

$default-header-sizes: ()
$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)

$default-header-colors: ()
$default-header-colors: map.set($default-header-colors, h1, $primary-color)
$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
$default-header-colors: map.set($default-header-colors, h3, $quinary-color)
$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)

// Initialize empty maps
$default-header-margins-sides: ()
$default-header-margins-vertical: ()

// Dynamically populate sides map
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))

// Dynamically populate vertical map
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0em))
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 0em, bottom: 0.5em))
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 0em, bottom: 0.5em))
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))

// Fonts
$primary-font: 'Jost', sans-serif
$secondary-font: 'Work Sans', sans-serif