/*
Calculated css variables generated by arachnyx
*/

/* todo fallback default constants */

@media (prefers-color-scheme: light) {
    :root {
        /* base colors */
        --color-fg:
            oklch(10% var(--chroma-base) var(--hue-primary));
        --color-anchor:
            oklch(1% 0 var(--hue-primary));
        --color-box-shadow:
            oklch(45% var(--chroma-base) var(--hue-primary));
        --color-bg:
            oklch(90% var(--chroma-base) var(--hue-primary));
        --color-bg-body:
            oklch(80% var(--chroma-base) var(--hue-primary));
        --color-header-gradient-start:
            oklch(75% var(--chroma-base) var(--hue-secondary));

        /* navigation colors */
        --color-fg-navigation:
            oklch(10% var(--chroma-base) var(--hue-primary));
        --color-fg-navigation-secondary:
            oklch(10% var(--chroma-base) var(--hue-secondary));

        --color-bg-navigation:
            oklch(85% var(--chroma-base) var(--hue-primary));
        --color-bg-navigation-secondary:
            oklch(85% var(--chroma-base) var(--hue-secondary));;

        --color-bg-navigation-current:
            oklch(75% var(--chroma-base) var(--hue-primary));
        --color-bg-navigation-current-secondary:
            oklch(75% var(--chroma-base) var(--hue-secondary));
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        /* base colors */
        --color-fg:
            oklch(95% var(--chroma-base) var(--hue-primary));
        --color-anchor:
            oklch(99% 0 var(--hue-primary));
        --color-box-shadow:
            oklch(55% var(--chroma-base) var(--hue-primary));
        --color-bg:
            oklch(10% var(--chroma-base) var(--hue-primary));
        --color-bg-body:
            oklch(15% var(--chroma-base) var(--hue-primary));
        --color-header-gradient-start:
            oklch(30% var(--chroma-base) var(--hue-secondary));

        /* navigation colors */
        --color-fg-navigation:
            oklch(95% var(--chroma-base) var(--hue-primary));
        --color-fg-navigation-secondary:
            oklch(95% var(--chroma-base) var(--hue-secondary));

        --color-bg-navigation:
            oklch(25% var(--chroma-base) var(--hue-primary));
        --color-bg-navigation-secondary:
            oklch(25% var(--chroma-base) var(--hue-secondary));;

        --color-bg-navigation-current:
            oklch(40% var(--chroma-base) var(--hue-primary));
        --color-bg-navigation-current-secondary:
            oklch(40% var(--chroma-base) var(--hue-secondary));
    }
}

/* todo prefers high constrast constants */
/* todo print media constants */

:root {
    /* Lengths */
    --len-5:  calc( var(--length-base) *  .1);
    --len-10: calc( var(--length-base) *  .2);
    --len-20: calc( var(--length-base) *  .5);
    --len-30: calc( var(--length-base) *  .75);
    --len-40: calc( var(--length-base) *  1);
    --len-50: calc( var(--length-base) *  2);
    --len-60: calc( var(--length-base) *  5);
    --len-70: calc( var(--length-base) * 10);
    --len-80: calc( var(--length-base) * 15);
    --len-90: calc( var(--length-base) * 30);

    /* Fonts */
    /* todo */
}
/*
@font-face {
  font-family: 'meine-schrift';
  src: url('pfad/zu/meinerschrift.woff2') format('woff2'),
       url('pfad/zu/meinerschrift.woff')  format('woff');
}
p { font-family: meine-schrift, arial, sans-serif; }
*/