:root {
    --light-color-foreground: #393633;
    --light-color-background: #e7e8e7;
    --light-color-red: #e24c4b;
    --light-color-red: #ff7535;
    --light-color-orange: #ff7535; /*ea6c33;*/
    --light-color-yellow: #ffc857;
    --light-color-green: #4a9e74;
    --light-color-cyan: #3cbfc1;
    --light-color-blue: #3673b3;
    --light-color-pink: #ec7aa4;
    --light-color-purple: #a685e2;

    --dark-color-foreground: #dcdad6;
    --dark-color-background: #262421;
    --dark-color-red: #e35c4a;
    --dark-color-orange: #d0a215;
    --dark-color-yellow: #f4c95d;
    --dark-color-green: #67b77e;
    --dark-color-cyan: #53d6cf;
    --dark-color-blue: #5794e0;
    --dark-color-pink: #f28aaf;
    --dark-color-purple: #b299e0;

    --accent-color: var(--color-orange);

    --font-ratio: 1.6;
    --font-text: "Sohne"; /* "Solitaire MVB Pro"; */
    --font-header: "ITC Avant Garde Pro";
    --font-mono: "Sohne Mono";
    --font-header-weight: 600;
    --font-header-letter-spacing: -0.05em;
    --nav-item-weight: 500;
    --nav-item-weight-active: 500;
    --bold-weight: 500;
}

.avantgarde article a {
    text-decoration: none !important;
}
.avantgarde article a:hover {
    text-decoration: none !important;
}

html.theme-dark::before {
    opacity: 1;
}
html.theme-dark::after {
    opacity: 1;
}

.avantgarde h1,
.avantgarde h2,
.avantgarde h3,
.avantgarde h4,
.avantgarde h5,
.avantgarde h6,
.footer h2 a {
    text-shadow: 0px 0px 0.01em color-mix(in srgb, var(--foreground-color) 90%, var(--background-color));
    color: transparent;
}
.avantgarde h1 {
    font-feature-settings: "dlig" on;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0px 0px 0.01em color-mix(in srgb, var(--color-orange) 90%, var(--background-color));
    color: transparent;
}

.avantgarde h5,
.avantgarde h6 {
    font-weight: 600;
}

.avantgarde img {
    filter: none !important;
    mix-blend-mode: normal !important;
}

article ul,
article ul:not([start]) {
    list-style: none;
    padding: 0 calc(var(--space) * 1);
}
@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-XLt.woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-XLtObl.woff2");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-Bk.woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-BkObl.woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-Md.woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-MdObl.woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-Demi.woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-DemiObl.woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-Bold.woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("https://cdn.ffp.co/ITCAvantGardePro-BoldObl.woff2");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}