@use "sass:map"
@use "sass:color"
@use 'mixins' as mixins-basic

@include mixins-basic.remove-section-number(h5)
@include mixins-basic.remove-section-number(h2)
@include mixins-basic.remove-section-number(h4)

/*
 * NOTE
 * do NOT put ANYTHING in here that relies on an imported variable from a theme!
 * all theme related variables MUST be put into the localized org-mode for that section
 * of notes!!!
 */


/* Base Styles */
body
  font-size: 1em
  line-height: 1.6
  margin: 0 auto
  max-width: 900px
  padding: 1em

/* Link Styles */
a
  text-decoration: underline
  text-underline-offset: 2px

ul
  margin: 1em 0em
  list-style-type: disc

ol
  margin: 1em .5em
  list-style-type: decimal

li
  margin-bottom: 0.5em

// Notes
.note
  padding: 1em
  p
    font-weight: bold

// Blockquotes
blockquote
  border-left: 4px solid
  padding-left: 1em
  margin: 1.5em 0
  font-style: italic

// Tables
table
  width: 100%
  border-collapse: collapse
  margin-bottom: 1em

th
  font-size: 1.3em

th, td
  border: 1px solid
  padding: 0.75em
  text-align: left

/* Code Block Styles */
pre, code
  border-radius: 4px
  padding: 1.5em
  display: block
  overflow-x: auto

// Section
section
  margin-bottom: 2em

/* Header Styles */
h1, h2, h3, h4, h5, h6
  text-transform: capitalize
  font-weight: bold

h3 
  a
    &:hover
      text-decoration: none

// Paragraphs
p
  margin-bottom: 1em

// Notes
.note
  padding: 1em
  border-left: 3px solid
  margin-bottom: 1em

div#postamble
  border-top: 1px dashed
  margin-top: 2em
  padding-top: 1em
  font-size: 0.9em

.outline-3
  margin-bottom: 3em
  margin-left: .5em

.outline-4
  margin-bottom: 2em
  margin-left: 1em

.outline-5
  margin-bottom: .2em
  margin-left: .7em

  ul
    padding-top: 0
    margin-top: .5em
    margin-left: 1em

/* Table of Contents Link */
.toc
  font-weight: bold

ul.links
  padding-left: 2em
  list-style-type: square
  li
    margin: 0

  a
    text-transform: capitalize

div#table-of-contents
  ul
    padding-left: 1em
    margin: 0
    list-style-type: none 

    li
      margin: .4 0

      a
        text-transform: lowercase
        text-decoration: none

  h2
    margin-left: 0
    margin-bottom: .2em 
    text-transform: uppercase

.playlist
  text-transform: capitalize

.contents-overview li
  text-transform: uppercase
  list-style-type: square
  font-weight: bold

  a
    text-decoration: none