@font-face {
    font-family: "Drafting Mono";
    src: url(./font/DraftingMono-Regular.woff2);
}

@font-face {
    font-family: "Drafting Mono";
    src: url(./font/DraftingMono-Italic.woff2);
    font-style: italic;
}

@font-face {
    font-family: "Drafting Mono";
    src: url(./font/DraftingMono-Bold.woff2);
    font-weight: bold;
}

@font-face {
    font-family: "Drafting Mono";
    src: url(.font/DraftingMono-BoldItalic.woff2);
    font-weight: bolder;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ioskeley Mono";
    src: url(./font/IoskeleyMono-Regular.woff2);
}

@font-face {
    font-family: "Ioskeley Mono";
    src: url(./font/IoskeleyMono-Italic.woff2);
    font-style: italic;
}

@font-face {
    font-family: "Ioskeley Mono";
    src: url(./font/IoskeleyMono-Bold.woff2);
    font-weight: bold;
}

@font-face {
    font-family: "Ioskeley Mono";
    src: url(.font/IoskeleyMono-BoldItalic.woff2);
    font-weight: bolder;
    font-style: italic;
}

body {
    font-family: "Drafting Mono", "Times New Roman", serif;
    background-color:#FCECED;
}

a:visited {
    color: #DF69BA
}

a {
    color: #A95518
}

h2, h3, h4, h5 {
    a { text-decoration: none; }
}

pre {
    background-color: #414B50;
    color: #FCECED;
}

blockquote {
    margin-inline-start: 1rem;
    margin-inline-end: 1rem;
    border-left: solid 2px;
    padding-left: 1rem;

    color: #939F91;
}

.notice {
    padding-left: 0px;
    border-left: 0px;

    color: #2b7197;

    heading {
	border-bottom: solid 2px #2b7197;
	padding-left: 0.5rem;
	padding-right: 0.8rem;
	font-style: italic;
    }

    p {
	border-left: solid 2px #2b7197;
	padding-left: 1rem;
	margin-block-start: 0px;
	padding-top: 0.5rem;
	margin-bottom: 0px;
    }
}

.ns-important {
    color: #896100;
    heading { border-color: #896100; }
    p { border-color: #896100; }
}

.ns-tip {
    color: #657300;
    heading { border-color: #657300; }
    p { border-color: #657300; }
}

.ns-warning {
    color: #be403d;
    heading { border-color: #be403d; }
    p { border-color: #be403d; }
}

.evil {
    color: #be403d;
}

.delhari {
    float: right;
    width: auto;
    max-height: 5em;
    margin-right: 10%;
    color: black;
    object-fit: contain;
}

@media(prefers-color-scheme: dark) {
    body {
        background-color: #1E2326;
        color: #FCECED
    }

    a:visited {
        color: #D699B6;
    }

    a {
        color: #E69875;
    }

    pre {
	background-color: #272E33;
    }

    blockquote {
	color: #A6B0A0;
	border-color: #A6B0A0;
    }

    .notice {
	color: #7FBBB3;
	heading { border-color: #7FBBB3; }
	p { border-color: #7FBBB3; }
    }

    .ns-important {
	color: #DBBC7F;
	heading { border-color: #DBBC7F; }
	p { border-color: #DBBC7F; }
    }

    .ns-tip {
	color: #A7C080;
	heading { border-color: #A7C080; }
	p { border-color: #A7C080; }
    }

    .ns-warning {
	color: #E67E80;
	heading { border-color: #E67E80; }
	p { border-color: #E67E80; }
    }

    .evil {
	color: #e67e80;
    }

    .delhari {
	color: #fceced;
    }
}

/* socratic theme */

.socratic {
    border-style: dashed;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #000;

    .millie {
	color: #ab488e;
    }

    .jackson {
	color: #646c62;
    }

    .casey {
	color: #896100;
    }

    .fuchsia {
	color: #622f75;
    }

    .kebo {
	color: #2b7197;
    }

    .futaba {
	color: #657300;
    }

    .valerie {
	color: #be403d;
    }
}

@media (prefers-color-scheme: dark) {
    .socratic {
	color: #FCECED;

	.millie { color: #d699b6; }
	.jackson { color: #8b998f; }
	.casey { color: #e69875; }
	.fuchsia { color: #c664ea; }
	.kebo { color: #7fbbb3; }
	.futaba { color: #a7c080; }
	.valerie { color: #e67e80; }
    }
}

/* syntax highlighting yayyy */

/* everforest colors (thanks gemini :::3) */
:root {
    /* Background Colors (Hard Contrast) */
    --ef-bg-dim: #1E2326;
    --ef-bg0: #272e33;
    --ef-bg1: #2e383c;
    --ef-bg2: #374145;
    --ef-bg3: #414b50;
    --ef-bg4: #495156;
    --ef-bg5: #4f5b58;

    /* Foreground Colors */
    --ef-fg: #d3c6aa;

    /* Accent Colors */
    --ef-red: #e67e80;
    --ef-orange: #e69875;
    --ef-yellow: #dbbc7f;
    --ef-green: #a7c080;
    --ef-aqua: #83c092;
    --ef-blue: #7fbbb3;
    --ef-purple: #d699b6;

    /* Gray Variants */
    --ef-grey0: #7a8478;
    --ef-grey1: #8b998f;
    --ef-grey2: #9da9a0;

    /* Specialized Backgrounds (Diffs/Status) */
    --ef-bg-red: #514045;
    --ef-bg-visual: #543a48;
    --ef-bg-yellow: #4d4c43;
    --ef-bg-green: #425047;
    --ef-bg-blue: #3a515d;
    --ef-bg-purple: #4a444e;
}

/* now to apply these colors to the CSS variables */

.org-keyword { color: var(--ef-red); font-style: italic; }
.org-builtin { color: var(--ef-aqua); font-style: italic; }
.org-constant { color: var(--ef-aqua); }
.org-function-name { color: var(--ef-green); }
.org-variable-name { color: var(--ef-blue); }
.org-boolean { color: var(--ef-purple); }
.org-integer { color: var(--ef-purple); }
.org-float { color: var(--ef-purple); }
.org-string { color: var(--ef-green); }
.org-warning { color: var(--ef-red); }
.org-doc { color: var(--ef-green); font-style: italic; }
.org-comment { color: var(--ef-grey1); font-style: italic; }

article, nav, footer { max-width: 60em; margin: auto; }
.title  { text-align: center;
             margin-bottom: .2em; }
.subtitle { text-align: center;
              font-size: medium;
              font-weight: bold;
              margin-top: 0; }
.todo   { font-family: "Ioskeley Mono", "Courier New", monospace; color: red; }
.done   { font-family: "Ioskeley Mono", "Courier New", monospace; color: green; }
.priority { font-family: "Ioskeley Mono", "Courier New", monospace; color: orange; }
.tag    { background-color: #eee; font-family: "Ioskeley Mono", "Courier New", monospace;
          padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
.org-right  { margin-left: auto; margin-right: 0px;  text-align: right; }
.org-left   { margin-left: 0px;  margin-right: auto; text-align: left; }
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
.underline { text-decoration: underline; }
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
p.verse { margin-left: 3%; }
code {
    font-family: "Ioskeley Mono", "Courier New", monospace;
    font-size: 90%;
}
pre {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    /* background-color: #f2f2f2; */
    padding: 8pt;
    font-family: "Ioskeley Mono", "Courier New", monospace;
    font-size: 11pt;
    overflow: auto;
    margin: 1.2em;
}
pre.src {
    position: relative;
    overflow: auto;
}
pre.src:before {
    display: none;
    position: absolute;
    top: -8px;
    right: 12px;
    padding: 3px;
    color: #555;
    background-color: #f2f2f299;
}
pre.src:hover:before { display: inline; margin-top: 14px;}
/* Languages per Org manual */
table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top;  }
th.org-right  { text-align: center;  }
th.org-left   { text-align: center;   }
th.org-center { text-align: center; }
td.org-right  { text-align: right;  }
td.org-left   { text-align: left;   }
td.org-center { text-align: center; }
dt { font-weight: bold; }
.footpara { display: inline; }
.footdef  { margin-bottom: 1em; }
.figure { padding: 1em; }
.figure p { text-align: center; }
.equation-container {
    display: table;
    text-align: center;
    width: 100%;
}
.equation {
    vertical-align: middle;
}
.equation-label {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.inlinetask {
    padding: 10px;
    border: 2px solid gray;
    margin: 10px;
    background: #ffffcc;
}
#org-div-home-and-up {
    text-align: right;
    font-size: 70%;
    white-space: nowrap;
}
textarea { overflow-x: auto; }
.linenr { font-size: smaller }
.code-highlighted { background-color: #ffff00; }
.org-info-js_info-navigation { border-style: none; }
#org-info-js_console-label {
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
}
.org-info-js_search-highlight {
    background-color: #ffff00;
    color: #000000;
    font-weight: bold;
}
.org-svg { }