/* @font-face {
    font-family: "<font>";
    src: "...";
} */

:root {
    --md-text-font: "DejaVu Sans";
    --md-code-font: "DejaVu Sans Mono";

    --main-color: #26A69A;
    /* Teal-400 */
    --light-color: #B2DFDB;
    /* Teal-100 */
    --dark-color: #004D40;
    /* Teal-900 */
    --accent-color: #00BFA5;
    /* Teal-a700 */
    --complementary-color: #A62632;
    --tetra-1: #5A26A6;
    --tetra-3: #72A626;
}

[data-md-color-scheme="yosko-teal"] {
    /* Dark background hue */
    --md-hue-bg: 27;

    /* Primary color shades */
    --md-primary-fg-color: var(--main-color);
    --md-typeset-a-color: var(--main-color);
    --md-primary-bg-color: #FFFFFF;

    /* Accent color shades */
    --md-accent-fg-color: var(--accent-color);
    /* a hover/focus, pre code,  */
    --md-accent-bg-color: #FFFFFF;

    /* Default color shades */
    --md-default-fg-color: hsla(var(--md-hue), 15%, 90%, 0.9);
    --md-default-fg-color--light: hsla(var(--md-hue), 15%, 90%, 0.7);
    --md-default-fg-color--lighter: hsla(var(--md-hue), 15%, 90%, 0.55);
    --md-default-fg-color--lightest: hsla(var(--md-hue), 15%, 90%, 0.2);
    --md-default-bg-color: hsla(var(--md-hue-bg), 15%, 10%, 1);
    --md-default-bg-color--light: hsla(var(--md-hue-bg), 15%, 10%, 0.7);
    --md-default-bg-color--lighter: hsla(var(--md-hue-bg), 15%, 10%, 0.3);
    --md-default-bg-color--lightest: hsla(var(--md-hue-bg), 15%, 10%, 0.1);

    /* Code color shades */
    --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 0.82);
    --md-code-bg-color: hsla(var(--md-hue-bg), 15%, 18%, 1);

    /* Code highlighting syntax color shades - MONOKAI */
    --md-code-fg-color: #f8f8f2;
    --md-code-bg-color: #2e2e2e; /* 272822 */
    --md-code-hl-number-color: #ae81ff;
    --md-code-hl-special-color: #ff4689;
    /* balise PHP */
    --md-code-hl-function-color: #a6e22e;
    --md-code-hl-constant-color: #f8f8f2;
    /* méthodes */
    --md-code-hl-keyword-color: #ff4689;
    --md-code-hl-string-color: #e6db74;
    --md-code-hl-name-color: var(--md-code-fg-color);
    --md-code-hl-operator-color: #ff4689;
    --md-code-hl-punctuation-color: var(--md-code-fg-color);
    --md-code-hl-comment-color: #959077;
    --md-code-hl-generic-color: cyan;
    /* ??? */
    --md-code-hl-variable-color: var(--md-code-fg-color);

    /* Typeset color shades */
    --md-typeset-color: var(--md-default-fg-color);

    /* Typeset `kbd` color shades */
    --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 90%, 0.12);
    --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 90%, 0.2);
    --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);

    /* Admonition color shades */
    --md-admonition-fg-color: var(--md-default-fg-color);
    --md-admonition-bg-color: var(--md-default-bg-color);
}

.avatar {
    width: 75px;
    border-radius: 50%;
    float: left;
    margin: 0 1em 0 0;
}

figure.left {
    float: left;
    margin: 0 1em 1em 0;
}

figure.right {
    float: right;
    margin: 0 0 1em 1em;
}

/* .md-typeset img[align=left]:only-child { margin: 0 1em 1em 0; } */

p {
    text-indent: 1em;
    text-align: justify;
}

.md-typeset kbd {
    text-indent: 0;
}

/* override for lighter inline code */
code {
    border: 1px solid #655;
    border-radius: .2em !important;
}
.highlight span.filename {
    border-width: 0;
}

/* override for wider captions */
.md-typeset figcaption {
    max-width: 100%;
}

.md-typeset figure img {
    margin: .5em auto;
}

/* clear floating images in posts list */
article {
    clear: both;
}

/* correctly align icons with nav text */
.md-nav__list svg, .md-typeset h1 svg, .md-header__title svg {
    height: 1.3em;
    vertical-align: text-bottom;
    fill: currentColor;
}

span.baddirection {
    unicode-bidi: bidi-override;
    direction: rtl;
}

img.card {
    float: right;
    margin: 0 0 1em 1em;
    height: 200px;
    max-width: 300px;
    object-fit: cover;
}

del {
    opacity: .5;
}