/* vim: set ts=4 sw=4 et: */
/* Styling for .. terminal:: stills, palette derived from the Monokai code
 * blocks so a terminal snapshot and a code block read as one system. */

.terminal {
    --term-bg: #272822;
    --term-fg: #F8F8F2;

    --term-black:         #272822;
    --term-red:           #FF4689;
    --term-green:         #A6E22E;
    --term-yellow:        #E6DB74;
    --term-blue:          #7C9CF0;
    --term-magenta:       #AE81FF;
    --term-cyan:          #66D9EF;
    --term-white:         #F8F8F2;
    --term-brightblack:   #75715E;
    --term-brightred:     #FF87A3;
    --term-brightgreen:   #C8F050;
    --term-brightyellow:  #F4E999;
    --term-brightblue:    #A9BFF7;
    --term-brightmagenta: #CBABFF;
    --term-brightcyan:    #9AE9F5;
    --term-brightwhite:   #FFFFFF;

    background-color: var(--term-bg);
    color: var(--term-fg);
}

/* Reverse video swaps the defaults in, so they need to be nameable too */
.terminal .tfg-default-bg { color: var(--term-bg); }
.terminal .tbg-default-fg { background-color: var(--term-fg); }

.terminal .tfg-black         { color: var(--term-black); }
.terminal .tfg-red           { color: var(--term-red); }
.terminal .tfg-green         { color: var(--term-green); }
.terminal .tfg-yellow        { color: var(--term-yellow); }
.terminal .tfg-blue          { color: var(--term-blue); }
.terminal .tfg-magenta       { color: var(--term-magenta); }
.terminal .tfg-cyan          { color: var(--term-cyan); }
.terminal .tfg-white         { color: var(--term-white); }
.terminal .tfg-brightblack   { color: var(--term-brightblack); }
.terminal .tfg-brightred     { color: var(--term-brightred); }
.terminal .tfg-brightgreen   { color: var(--term-brightgreen); }
.terminal .tfg-brightyellow  { color: var(--term-brightyellow); }
.terminal .tfg-brightblue    { color: var(--term-brightblue); }
.terminal .tfg-brightmagenta { color: var(--term-brightmagenta); }
.terminal .tfg-brightcyan    { color: var(--term-brightcyan); }
.terminal .tfg-brightwhite   { color: var(--term-brightwhite); }

.terminal .tbg-black         { background-color: var(--term-black); }
.terminal .tbg-red           { background-color: var(--term-red); }
.terminal .tbg-green         { background-color: var(--term-green); }
.terminal .tbg-yellow        { background-color: var(--term-yellow); }
.terminal .tbg-blue          { background-color: var(--term-blue); }
.terminal .tbg-magenta       { background-color: var(--term-magenta); }
.terminal .tbg-cyan          { background-color: var(--term-cyan); }
.terminal .tbg-white         { background-color: var(--term-white); }
.terminal .tbg-brightblack   { background-color: var(--term-brightblack); }
.terminal .tbg-brightred     { background-color: var(--term-brightred); }
.terminal .tbg-brightgreen   { background-color: var(--term-brightgreen); }
.terminal .tbg-brightyellow  { background-color: var(--term-brightyellow); }
.terminal .tbg-brightblue    { background-color: var(--term-brightblue); }
.terminal .tbg-brightmagenta { background-color: var(--term-brightmagenta); }
.terminal .tbg-brightcyan    { background-color: var(--term-brightcyan); }
.terminal .tbg-brightwhite   { background-color: var(--term-brightwhite); }

.terminal .tbold      { font-weight: bold; }
.terminal .titalic    { font-style: italic; }
.terminal .tunderline { text-decoration: underline; }
.terminal .tstrike    { text-decoration: line-through; }
.terminal .tunderline.tstrike { text-decoration: underline line-through; }