:root{
--font-family:Inter var,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
--font-size-normal:18px;
--font-size-small:15px;
--font-size-large:22px;
--font-size-title:22px;
--width-max:780px;
--width-min:350px;
--width-max-image:720px;
--border-radius:4px
}

body{
font-family:var(--font-family);
font-size:var(--font-size-normal);
color:var(--body-text-color);
line-height:1.5;
background-color: var(--body-background-color);
padding:10px;margin:0
}


h1{
font-size:1.5rem
}

h2{
font-size:1.4rem
}

h3{
font-size:1.2rem
}

hr{
border-top:1px dashed var(--shadow-color)
}

pre{
background-color:#272822;
color:#f9f9f9;
overflow:auto;
padding:15px;
font-size:16px
}

blockquote{
border-left:4px solid var(--blockquote-border);
border-right:4px solid var(--blockquote-border);
border-top:1px solid var(--blockquote-border);
border-bottom:1px solid var(--blockquote-border);
color:var(--blockquote-text);
padding:5px 15px 15px 15px;
background-color:var(--blockquote);
border-radius:5px;
margin-left:0;margin-right:0
}

li.post-list-item{
border: 3px solid var(--card-border-color) !important;
}

a.site-nav-link{
color: var(--card-accent-color) !important;
}

a.site-nav-link:hover{
color: var(--card-hover-color) !important;
}


@media (prefers-color-scheme: dark) {
  :root {
    --body-background-color: #22151f !important;
    --body-text-color: #c2cbd6;
    --body-accent-color: #efefef;
    --body-hover-color: #0375d5;
    --card-background-color: #382d3a !important;
    --card-text-color: #c2cbd6;
    --card-accent-color: #9f67d3 !important;
    --card-hover-color: #cc8076 !important;
    --blockquote: #f3f0ec;
    --blockquote-border: #c0870c;
    --blockquote-text: #303030;
    --shadow-color: black !important;
    --card-border-color: #815b7e !important;
    --meta-color: #454545;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --body-background-color: #edd6fc !important;
    --body-text-color: #23011f !important; 
    --body-accent-color: #efefef !important;
    --body-hover-color: #0375d5 !important;
    --card-background-color: #e0c6c6 !important;
    --card-text-color: #23011f !important;
    --card-accent-color: #7b2371 !important;
    --card-hover-color: #8d94a3 !important;
    --blockquote: #f3f0ec;
    --blockquote-border: #c0870c;
    --blockquote-text: #303030;
    --shadow-color: #e0c6c6 !important;
    --card-border-color: #bb6060 !important;
    --meta-color: #454545;
  }
}