// _variables.sass (YO-CHI-BURLEIGH-MURAL Theme)

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

$list-padding-left: 1.2em

// Color Variables

// Colors
$primary-color: #A2BF95         // YO-CHI-BURLEIGH-MURAL-1
$secondary-color: #594834       // YO-CHI-BURLEIGH-MURAL-2
$tertiary-color: #D98F4E        // YO-CHI-BURLEIGH-MURAL-3
$quaternary-color: #A6826D      // YO-CHI-BURLEIGH-MURAL-4
$quinary-color: #D9663D         // YO-CHI-BURLEIGH-MURAL-5

// Text and Background
$text-color: $primary-color           // Softer for text on darker backgrounds
$background-color: color.adjust($secondary-color, $lightness: -20%)    // Slightly darker neutral for overall background

$code-text-color: color.adjust($primary-color, $lightness: 70%)       // Brightened for readability
$code-background-color: color.adjust($secondary-color, $lightness: -18%) // Slightly darker for contrast
$code-border-color: $secondary-color

$note-color: color.adjust($quaternary-color, $lightness: 10%)
$note-background-color: color.adjust($secondary-color, $lightness: -18%)  // Subtle contrast for notes
$note-border-color: $quinary-color // Matches the bold red accent

$blockquote-color: $note-color
$blockquote-border-color: $secondary-color

// Links, Anchors
$anchor-color: color.adjust($tertiary-color, $lightness: 15%)        // Slightly brighter for links
$anchor-hover-color: color.adjust($tertiary-color, $lightness: -10%) // Darkened for hover effect
$toc-anchor-color: color.adjust($quaternary-color, $lightness: 10%)  // Slightly muted for TOC links
$toc-anchor-hover-color: color.adjust($quaternary-color, $lightness: 0%) // Darker for hover

// Tables
$table-color: color.adjust($secondary-color, $lightness: 15%)
$table-header-color: color.adjust($secondary-color, $lightness: 10%)
$table-header-bg: color.adjust($background-color, $lightness: 2%)
$table-border-color: color.adjust($background-color, $lightness: 10%)

$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, color.adjust($tertiary-color, $lightness: -10%))
$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: 'Fira Mono', monospace 
$secondary-font: 'Kanit', sans-serif