/**
 * Generiert von tools/build-tokens.py — nicht von Hand ändern
 */

:root {
	/* Hues */
	--hue-neutral: 0;
	--hue-dermis: 180;
	--hue-azulen: 231;
	--hue-erythem: 18;
	--hue-keratin: 126;
	--hue-karotin: 72;

	/* Tones */
	--tone-1000-l: 100%;
	--tone-1000-c: 0;
	--tone-800-l: 87%;
	--tone-800-c: 0.1;
	--tone-600-l: 75%;
	--tone-600-c: 0.14;
	--tone-400-l: 54%;
	--tone-400-c: 0.1;
	--tone-200-l: 33%;
	--tone-200-c: 0.06;
	--tone-0-l: 0%;
	--tone-0-c: 0;

	/* Generated palette */
	--color-neutral-1000: oklch(var(--tone-1000-l) 0 var(--hue-neutral));
	--color-neutral-800: oklch(var(--tone-800-l) 0 var(--hue-neutral));
	--color-neutral-600: oklch(var(--tone-600-l) 0 var(--hue-neutral));
	--color-neutral-400: oklch(var(--tone-400-l) 0 var(--hue-neutral));
	--color-neutral-200: oklch(var(--tone-200-l) 0 var(--hue-neutral));
	--color-neutral-0: oklch(var(--tone-0-l) 0 var(--hue-neutral));
	--color-dermis-1000: oklch(var(--tone-1000-l) 0 var(--hue-dermis));
	--color-dermis-800: oklch(var(--tone-800-l) var(--tone-800-c) var(--hue-dermis));
	--color-dermis-600: oklch(var(--tone-600-l) var(--tone-600-c) var(--hue-dermis));
	--color-dermis-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-dermis));
	--color-dermis-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-dermis));
	--color-dermis-0: oklch(var(--tone-0-l) 0 var(--hue-dermis));
	--color-azulen-1000: oklch(var(--tone-1000-l) 0 var(--hue-azulen));
	--color-azulen-800: oklch(var(--tone-800-l) var(--tone-800-c) var(--hue-azulen));
	--color-azulen-600: oklch(var(--tone-600-l) var(--tone-600-c) var(--hue-azulen));
	--color-azulen-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-azulen));
	--color-azulen-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-azulen));
	--color-azulen-0: oklch(var(--tone-0-l) 0 var(--hue-azulen));
	--color-erythem-1000: oklch(var(--tone-1000-l) 0 var(--hue-erythem));
	--color-erythem-800: oklch(var(--tone-800-l) var(--tone-800-c) var(--hue-erythem));
	--color-erythem-600: oklch(var(--tone-600-l) var(--tone-600-c) var(--hue-erythem));
	--color-erythem-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-erythem));
	--color-erythem-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-erythem));
	--color-erythem-0: oklch(var(--tone-0-l) 0 var(--hue-erythem));
	--color-keratin-1000: oklch(var(--tone-1000-l) 0 var(--hue-keratin));
	--color-keratin-800: oklch(var(--tone-800-l) var(--tone-800-c) var(--hue-keratin));
	--color-keratin-600: oklch(var(--tone-600-l) var(--tone-600-c) var(--hue-keratin));
	--color-keratin-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-keratin));
	--color-keratin-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-keratin));
	--color-keratin-0: oklch(var(--tone-0-l) 0 var(--hue-keratin));
	--color-karotin-1000: oklch(var(--tone-1000-l) 0 var(--hue-karotin));
	--color-karotin-800: oklch(var(--tone-800-l) var(--tone-800-c) var(--hue-karotin));
	--color-karotin-600: oklch(var(--tone-600-l) var(--tone-600-c) var(--hue-karotin));
	--color-karotin-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-karotin));
	--color-karotin-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-karotin));
	--color-karotin-0: oklch(var(--tone-0-l) 0 var(--hue-karotin));

	/* Brand + semantic */
	--brand-hue-name: dermis;
	--brand-color: var(--color-dermis-600);
	--body-background-color: var(--color-neutral-1000);
	--body-text-color: var(--color-neutral-400);

	/* Typography */
	--line-height: 1.64;
	--line-width: 74ch;
	--site-width: 1000px;
	--font-weight-body: 400;
	--font-weight-heading: 400;
	--font-size-base: 18px;
	--font-size-min: 0.4rem;
	--font-size-max: 2.5rem;
}