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

@use '../org-base'

@use '../themes/sienna-elegance' as * 
@use '../fonts' as fonts
@use '../mixins' as mixins-basic

@include mixins-basic.set-header-sizes($default-header-sizes)
@include mixins-basic.set-header-colors($default-header-colors)
@include mixins-basic.set-header-margins-sides($default-header-margins-sides)
@include mixins-basic.set-header-margins-vertical($default-header-margins-vertical)


/* Base Styles */
body
  font-family: $primary-font
  color: $text-color
  background-color: $background-color

/* Link Styles */
a
  color: $anchor-color

  &:hover
    color: $anchor-hover-color

// Lists
ul, ol
  padding-left: $list-padding-left

// Notes
.note
  background-color: $note-background-color
  border-color: $note-border-color
  padding: 1em
  p
    color: $note-color
    font-weight: bold
    font-size: 1em

// Blockquotes
blockquote
  border-color: $secondary-color
  color: $note-color
  font-family: $primary-font
  font-style: italic

// Tables
table
  color: $text-color
  font-size: 1em

th, td
  border-color: $table-border-color

th
  background-color: $table-header-bg
  color: $text-color
  font-family: $secondary-font
  font-size: 1.3em


tr:nth-child(even)
  background-color: color.adjust($background-color, $lightness: 5%)

/* Code Block Styles */
pre, code
  color: $code-text-color
  background-color: $code-background-color
  font-family: $primary-font

/* Header Styles */
h1, h2, h3, h4, h5, h6
  font-family: $secondary-font

h4
  text-transform: uppercase

h4[id="timestamp"]
  color: color.adjust(map.get($default-header-colors, 'h2'), $lightness: 20%)  

h4[id="playlist"]
  color: color.adjust(map.get($default-header-colors, 'h3'), $lightness: -10%)  

h3 
  a
    color: color.adjust($anchor-color, $lightness: -12%)
    &:hover
      color: color.adjust($anchor-hover-color, $lightness: -12%)

// Notes
.note
  background-color: $note-background-color
  border-color: $note-border-color
  color: $text-color

div#postamble
  border-color: $note-border-color
  color: color.adjust($note-border-color, $lightness: 20%)

/* Table of Contents Link */
.toc
  color: $primary-color

div#table-of-contents ul li a
  color: $toc-anchor-color
  &:hover
    color: $toc-anchor-hover-color