:root {
  /* theme internal variable definitions */
  --color-stone-50: oklch(0.985 0.001 106.423);
  --color-stone-100: oklch(0.97 0.001 106.424);
  --color-stone-200: oklch(0.923 0.003 48.717);
  --color-stone-300: oklch(0.869 0.005 56.366);
  --color-stone-400: oklch(0.709 0.01 56.259);
  --color-stone-500: oklch(0.553 0.013 58.071);
  --color-stone-600: oklch(0.444 0.011 73.639);
  --color-stone-700: oklch(0.374 0.01 67.558);
  --color-stone-800: oklch(0.268 0.007 34.298);
  --color-stone-900: oklch(0.216 0.006 56.043);
  --color-stone-950: oklch(0.147 0.004 49.25);
  --color-yellow-50: oklch(0.987 0.026 102.212);
  --color-yellow-100: oklch(0.973 0.071 103.193);
  --color-yellow-200: oklch(0.945 0.129 101.54);
  --color-yellow-300: oklch(0.905 0.182 98.111);
  --color-yellow-400: oklch(0.852 0.199 91.936);
  --color-yellow-500: oklch(0.795 0.184 86.047);
  --color-yellow-600: oklch(0.681 0.162 75.834);
  --color-yellow-700: oklch(0.554 0.135 66.442);
  --color-yellow-800: oklch(0.476 0.114 61.907);
  --color-yellow-900: oklch(0.421 0.095 57.708);
  --color-yellow-950: oklch(0.286 0.066 53.813);
  --color-amber-50: oklch(0.987 0.022 95.277);
  --color-amber-100: oklch(0.962 0.059 95.617);
  --color-amber-200: oklch(0.924 0.12 95.746);
  --color-amber-300: oklch(0.879 0.169 91.605);
  --color-amber-400: oklch(0.828 0.189 84.429);
  --color-amber-500: oklch(0.769 0.188 70.08);
  --color-amber-600: oklch(0.666 0.179 58.318);
  --color-amber-700: oklch(0.555 0.163 48.998);
  --color-amber-800: oklch(0.473 0.137 46.201);
  --color-amber-900: oklch(0.414 0.112 45.904);
  --color-amber-950: oklch(0.279 0.077 45.635);
  --color-orange-50: oklch(0.98 0.016 73.684);
  --color-orange-100: oklch(0.954 0.038 75.164);
  --color-orange-200: oklch(0.901 0.076 70.697);
  --color-orange-300: oklch(0.837 0.128 66.29);
  --color-orange-400: oklch(0.75 0.183 55.934);
  --color-orange-500: oklch(0.705 0.213 47.604);
  --color-orange-600: oklch(0.646 0.222 41.116);
  --color-orange-700: oklch(0.553 0.195 38.402);
  --color-orange-800: oklch(0.47 0.157 37.304);
  --color-orange-900: oklch(0.408 0.123 38.172);
  --color-orange-950: oklch(0.266 0.079 36.259);
  --color-red-50: oklch(0.971 0.013 17.38);
  --color-red-100: oklch(0.936 0.032 17.717);
  --color-red-200: oklch(0.885 0.062 18.334);
  --color-red-300: oklch(0.808 0.114 19.571);
  --color-red-400: oklch(0.704 0.191 22.216);
  --color-red-500: oklch(0.637 0.237 25.331);
  --color-red-600: oklch(0.577 0.245 27.325);
  --color-red-700: oklch(0.505 0.213 27.518);
  --color-red-800: oklch(0.444 0.177 26.899);
  --color-red-900: oklch(0.396 0.141 25.723);
  --color-red-950: oklch(0.258 0.092 26.042);
  --color-rose-50: oklch(0.969 0.015 12.422);
  --color-rose-100: oklch(0.941 0.03 12.58);
  --color-rose-200: oklch(0.892 0.058 10.001);
  --color-rose-300: oklch(0.81 0.117 11.638);
  --color-rose-400: oklch(0.712 0.194 13.428);
  --color-rose-500: oklch(0.645 0.246 16.439);
  --color-rose-600: oklch(0.586 0.253 17.585);
  --color-rose-700: oklch(0.514 0.222 16.935);
  --color-rose-800: oklch(0.455 0.188 13.697);
  --color-rose-900: oklch(0.41 0.159 10.272);
  --color-rose-950: oklch(0.271 0.105 12.094);
  --color-fuchsia-50: oklch(0.977 0.017 320.058);
  --color-fuchsia-100: oklch(0.952 0.037 318.852);
  --color-fuchsia-200: oklch(0.903 0.076 319.62);
  --color-fuchsia-300: oklch(0.833 0.145 321.434);
  --color-fuchsia-400: oklch(0.74 0.238 322.16);
  --color-fuchsia-500: oklch(0.667 0.295 322.15);
  --color-fuchsia-600: oklch(0.591 0.293 322.896);
  --color-fuchsia-700: oklch(0.518 0.253 323.949);
  --color-fuchsia-800: oklch(0.452 0.211 324.591);
  --color-fuchsia-900: oklch(0.401 0.17 325.612);
  --color-fuchsia-950: oklch(0.293 0.136 325.661);

  --color-green-500: #54aa18;
  --color-green-600: #47990f;
  --color-white: #ffffff;

  /* Light-Theme (every theme needs to define these variables without the `default-` prefix) */
  --default-color-light-foreground: var(--color-stone-950);
  --default-color-light-background: var(--color-stone-50);
  --default-color-light-shade-1: var(--color-stone-100);
  --default-color-light-shade-2: var(--color-stone-200);
  --default-color-light-shade-3: var(--color-stone-300);
  --default-color-light-shade-4: var(--color-stone-400);
  --default-color-light-text-1: var(--color-stone-800);
  --default-color-light-text-2: var(--color-stone-700);
  --default-color-light-text-3: var(--color-stone-600);
  --default-color-light-text-4: var(--color-stone-500);

  --default-color-light-primary: var(--color-orange-600);
  --default-color-light-accent-1: var(--color-orange-600);
  --default-color-light-accent-2: var(--color-rose-400);
  --default-color-light-accent-3: var(--color-orange-800);
  --default-color-light-error: var(--color-red-600);
  --default-color-light-success: var(--color-green-600);
  --default-color-light-warning: var(--color-yellow-600);

  --default-color-light-highlight-1: var(--color-yellow-300);
  --default-color-light-highlight-2: var(--color-orange-300);
  --default-color-light-highlight-3: var(--color-rose-300);
  --default-color-light-highlight-4: var(--color-amber-300);
  --default-color-light-highlight-5: var(--color-red-300);
  --default-color-light-highlight-6: var(--color-fuchsia-300);

  --default-effect-light-filter-text: none;
  --default-effect-light-filter: none;
  --default-color-light-effect-foreground: unset;
  --default-color-light-effect-background: transparent;
  --default-effect-light-transition: none;
  --default-effect-light-transition-reduced: none;
  --default-effect-light-padding: 0;

  /* Dark-Theme (optional, but without the `default-` prefix) */
  --default-color-dark-foreground: var(--color-stone-50);
  --default-color-dark-background: var(--color-stone-950);
  --default-color-dark-shade-1: var(--color-stone-900);
  --default-color-dark-shade-2: var(--color-stone-800);
  --default-color-dark-shade-3: var(--color-stone-700);
  --default-color-dark-shade-4: var(--color-stone-600);
  --default-color-dark-text-1: var(--color-stone-200);
  --default-color-dark-text-2: var(--color-stone-300);
  --default-color-dark-text-3: var(--color-stone-400);
  --default-color-dark-text-4: var(--color-stone-500);

  --default-color-dark-primary: var(--color-orange-400);
  --default-color-dark-accent-1: var(--color-orange-400);
  --default-color-dark-accent-2: var(--color-rose-600);
  --default-color-dark-accent-3: var(--color-orange-600);
  --default-color-dark-error: var(--color-red-500);
  --default-color-dark-success: var(--color-green-500);
  --default-color-dark-warning: var(--color-yellow-500);

  --default-color-dark-highlight-1: var(--color-yellow-700);
  --default-color-dark-highlight-2: var(--color-orange-700);
  --default-color-dark-highlight-3: var(--color-rose-700);
  --default-color-dark-highlight-4: var(--color-amber-700);
  --default-color-dark-highlight-5: var(--color-red-700);
  --default-color-dark-highlight-6: var(--color-fuchsia-700);

  --default-effect-dark-filter-text: none;
  --default-effect-dark-filter: none;
  --default-color-dark-effect-foreground: unset;
  --default-color-dark-effect-background: transparent;
  --default-effect-dark-transition: none;
  --default-effect-dark-transition-reduced: none;
  --default-effect-dark-padding: 0;

  --font-headings: "Aleo", ui-sans, sans-serif;
  --font-headings-variation: unset;
  --font-text: "Aleo", ui-sans, sans-serif;
  --font-numbers: ui-monospace, monospace;
}

@font-face {
  font-family: "Aleo";
  font-weight: 100;
  font-style: normal;
  src: url("./font/aleo/Aleo-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 100;
  font-style: italic;
  src: url("./font/aleo/Aleo-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 200;
  font-style: normal;
  src: url("./font/aleo/Aleo-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 200;
  font-style: italic;
  src: url("./font/aleo/Aleo-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 300;
  font-style: normal;
  src: url("./font/aleo/Aleo-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 300;
  font-style: italic;
  src: url("./font/aleo/Aleo-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 400;
  font-style: normal;
  src: url("./font/aleo/Aleo-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 400;
  font-style: italic;
  src: url("./font/aleo/Aleo-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 500;
  font-style: normal;
  src: url("./font/aleo/Aleo-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 500;
  font-style: italic;
  src: url("./font/aleo/Aleo-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 600;
  font-style: normal;
  src: url("./font/aleo/Aleo-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 600;
  font-style: italic;
  src: url("./font/aleo/Aleo-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 700;
  font-style: normal;
  src: url("./font/aleo/Aleo-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 700;
  font-style: italic;
  src: url("./font/aleo/Aleo-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 800;
  font-style: normal;
  src: url("./font/aleo/Aleo-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 800;
  font-style: italic;
  src: url("./font/aleo/Aleo-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 900;
  font-style: normal;
  src: url("./font/aleo/Aleo-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Aleo";
  font-weight: 900;
  font-style: italic;
  src: url("./font/aleo/Aleo-BlackItalic.ttf") format("truetype");
}