/**
 * CSS for Antwerp
 * Generated by Wakamai Fondue - https://wakamaifondue.com
 * by Roel Nieskens/PixelAmbacht - https://pixelambacht.nl
 */

/* Set custom properties for each layout feature */
:root {
    --antwerp-aalt: "aalt" off;
    --antwerp-dnom: "dnom" off;
    --antwerp-frac: "frac" off;
    --antwerp-lnum: "lnum" off;
    --antwerp-numr: "numr" off;
    --antwerp-onum: "onum" off;
    --antwerp-pnum: "pnum" off;
    --antwerp-sinf: "sinf" off;
    --antwerp-smcp: "smcp" off;
    --antwerp-ss01: "ss01" off;
    --antwerp-ss02: "ss02" off;
    --antwerp-ss03: "ss03" off;
    --antwerp-subs: "subs" off;
    --antwerp-sups: "sups" off;
    --antwerp-tnum: "tnum" off;
}

/* If class is applied, update custom property and
   apply modern font-variant-* when supported */
.antwerp-aalt {
    --antwerp-aalt: "aalt" on;
}

.antwerp-dnom {
    --antwerp-dnom: "dnom" on;
}

.antwerp-frac {
    --antwerp-frac: "frac" on;
}

@supports (font-variant-numeric: diagonal-fractions) {
    .antwerp-frac {
        --antwerp-frac: "____";
        font-variant-numeric: diagonal-fractions;
    }
}

.antwerp-lnum {
    --antwerp-lnum: "lnum" on;
}

@supports (font-variant-numeric: lining-nums) {
    .antwerp-lnum {
        --antwerp-lnum: "____";
        font-variant-numeric: lining-nums;
    }
}

.antwerp-numr {
    --antwerp-numr: "numr" on;
}

.antwerp-onum {
    --antwerp-onum: "onum" on;
}

@supports (font-variant-numeric: oldstyle-nums) {
    .antwerp-onum {
        --antwerp-onum: "____";
        font-variant-numeric: oldstyle-nums;
    }
}

.antwerp-pnum {
    --antwerp-pnum: "pnum" on;
}

@supports (font-variant-numeric: proportional-nums) {
    .antwerp-pnum {
        --antwerp-pnum: "____";
        font-variant-numeric: proportional-nums;
    }
}

.antwerp-sinf {
    --antwerp-sinf: "sinf" on;
}

.antwerp-smcp {
    --antwerp-smcp: "smcp" on;
}

@supports (font-variant-caps: small-caps) {
    .antwerp-smcp {
        --antwerp-smcp: "____";
        font-variant-caps: small-caps;
    }
}

.antwerp-ss01 {
    --antwerp-ss01: "ss01" on;
}

.antwerp-ss02 {
    --antwerp-ss02: "ss02" on;
}

.antwerp-ss03 {
    --antwerp-ss03: "ss03" on;
}

.antwerp-subs {
    --antwerp-subs: "subs" on;
}

@supports (font-variant-position: sub) {
    .antwerp-subs {
        --antwerp-subs: "____";
        font-variant-position: sub;
    }
}

.antwerp-sups {
    --antwerp-sups: "sups" on;
}

@supports (font-variant-position: super) {
    .antwerp-sups {
        --antwerp-sups: "____";
        font-variant-position: super;
    }
}

.antwerp-tnum {
    --antwerp-tnum: "tnum" on;
}

@supports (font-variant-numeric: tabular-nums) {
    .antwerp-tnum {
        --antwerp-tnum: "____";
        font-variant-numeric: tabular-nums;
    }
}

/* Apply current state of all custom properties
   whenever a class is being applied */
.antwerp-aalt,
.antwerp-dnom,
.antwerp-frac,
.antwerp-lnum,
.antwerp-numr,
.antwerp-onum,
.antwerp-pnum,
.antwerp-sinf,
.antwerp-smcp,
.antwerp-ss01,
.antwerp-ss02,
.antwerp-ss03,
.antwerp-subs,
.antwerp-sups,
.antwerp-tnum {
    font-feature-settings: var(--antwerp-aalt), var(--antwerp-dnom), var(--antwerp-frac), var(--antwerp-lnum), var(--antwerp-numr), var(--antwerp-onum), var(--antwerp-pnum), var(--antwerp-sinf), var(--antwerp-smcp), var(--antwerp-ss01), var(--antwerp-ss02), var(--antwerp-ss03), var(--antwerp-subs), var(--antwerp-sups), var(--antwerp-tnum);
}