// _variables.sass @use "sass:map" @use "sass:color" @use '../fonts' as fonts $list-padding-left: 1.2em // Color Variables // Colors $primary-color: #8c6239 // Warm brown for links $secondary-color: #c69c6d // Light tan for secondary elements $tertiary-color: #7b8a4f // Olive green for tertiary elements $quaternary-color: #b4b7b4 // Muted gray for highlights $quinary-color: #d67474 // Subtle coral for accents // Text $text-color: $primary-color $background-color: #fdfaf6 // Warm light beige for background $code-text-color: #657b83 // Muted teal-gray for code text $code-background-color: #fdf6e3 // Warm beige for code blocks $code-border-color: #e6e6e6 $code-border-color: $quaternary-color $note-color: $secondary-color $note-background-color: #f6eee0 // Soft beige for note background $note-border-color: $quinary-color // Matches the coral accent $blockquote-color: $primary-color $blockquote-border-color: $secondary-color // Links, Anchors $anchor-color: color.adjust($primary-color, $lightness: 10%) $anchor-hover-color: color.adjust($primary-color, $lightness: -10%) $toc-anchor-color: color.adjust($secondary-color, $lightness: -5%) $toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%) // Tables $table-color: $text-color $table-header-color: $text-color $table-header-bg: #cabfa5 // Light warm tan for table headers $table-border-color: #ede0d1 // Soft brown-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, $tertiary-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: 'Source Serif Pro', serif // Elegant serif for primary content $secondary-font: 'Noto Sans', sans-serif // Clean sans-serif for secondary content