@use "sass:map"

// Color Variables for Desert Theme
$primary-color: #d18f77  // Warm sandstone (primary headers)
$secondary-color: #e0b589 // Light sandy beige (secondary headers)
$tertiary-color: #a7582e  // Rusty orange-red (subheaders)
$quaternary-color: #875640 // Deep clay brown (smaller headers)
$link-color-primary: #967e52 // Muted desert green (primary links)
$link-color-secondary: #bda27b // Sandy yellow (secondary links)
$background-color: #f4e9d8 // Soft light beige (background)
$text-color: #4c3e3b // Dark brown (text for contrast)
$table-header-bg: #967e52  // Muted desert green for table headers
$table-border-color: #bda27b  // Sandy yellow for table borders

// Inverse Link Colors
$inverse-link-color: #875640  // Deep clay brown for inverse links
$inverse-link-hover-color: #e0b589  // Sandy beige for inverse link hover

// Font Variables
$primary-font: 'Source Code Pro'  // Clean, readable monospace for code
$secondary-font: 'Lora'  // Seriffed font for headers

// 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.75em, color: $secondary-color, border-size: 2px))
$header-styles: map.set($header-styles, h3, (size: 1.3em, color: $tertiary-color, border-size: 1px))
$header-styles: map.set($header-styles, h4, (size: 1.25em, color: $quaternary-color, border-size: 1px))

// Code Block Background
$code-bg-color: #000 // Warm, soft background for code blocks
$code-font-color: #cd8c7e