/*
 * theme.css: Farben, Schriften und Farbfelder des Themes.
 * Erzeugt vom Befehl assets aus ITone\ServiceCore\Ui\Theme. Nicht von Hand ändern.
 */

@font-face {
  font-family: "Nunito Sans";
  src: url("schriften/nunito-sans-latin-400-normal.woff2?v=d9976dd1dc") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("schriften/nunito-sans-latin-600-normal.woff2?v=e03e312b8b") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("schriften/nunito-sans-latin-700-normal.woff2?v=cb84238e7b") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("schriften/nunito-sans-latin-800-normal.woff2?v=4c839e56cb") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("schriften/nunito-sans-latin-900-normal.woff2?v=bb66370923") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("schriften/nunito-sans-latin-700-normal.woff2?v=cb84238e7b") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("schriften/archivo-latin-700-normal.woff2?v=abada6cd4c") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("schriften/archivo-latin-800-normal.woff2?v=c26cda2400") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("schriften/archivo-latin-900-normal.woff2?v=e915040a27") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("schriften/jetbrains-mono-latin-400-normal.woff2?v=14425ba9c6") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("schriften/jetbrains-mono-latin-700-normal.woff2?v=d0d4e81880") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --itm-primary: #C24A0B;
  --itm-primary-hover: #9E3B08;
  --itm-on-primary: #FFFFFF;
  --itm-accent: #EC672C;
  --itm-text: #262F38;
  --itm-text-secondary: #65717C;
  --itm-light-gray: #8A8F94;
  --itm-bg: #FAF8F6;
  --itm-bg-2: #F0E9E3;
  --itm-card: #FFFFFF;
  --itm-raised: #F0E9E3;
  --itm-line: #F2E0D5;
  --itm-line-strong: #E8CDBB;
  --itm-control-border: #8A8F94;
  --itm-focus-ring: #EC672C;
  --itm-hover-soft: #F0E9E3;
  --itm-table-head: #F0E9E3;
  --itm-on-table-head: #14181F;
  --itm-table-zebra: #FAF8F6;
  --itm-success: #12734C;
  --itm-success-bg: #E6F4EE;
  --itm-warning: #8A5A00;
  --itm-warning-bg: #FBF2E0;
  --itm-danger: #A32015;
  --itm-danger-bg: #FBE9E7;
  --itm-on-danger: #FFFFFF;
  --itm-info: #155A94;
  --itm-info-bg: #E7F1FA;
  --itm-neutral: #65717C;
  --itm-neutral-bg: #F0E9E3;
  --itm-disabled: #65717C;
  --itm-disabled-bg: #F0E9E3;
  --itm-disabled-border: #E8CDBB;
  --itm-shadow-sm: 0 18px 46px rgba(194, 74, 11, .12);
  --itm-shadow-md: 0 18px 46px rgba(194, 74, 11, .12);
  --itm-preview-light-bg: #FAF8F6;
  --itm-preview-light-line: #F2E0D5;
  --itm-preview-dark-bg: #14181F;
  --itm-preview-dark-line: #2F3945;
  --itm-band-bg: #14181F;
  --itm-band-border: transparent;
  --itm-band-text: #FFFFFF;
  --itm-band-muted: #A9B3BD;
  --itm-band-meta: #4DB0A0;
  --itm-band-indicator: #EC672C;
  --itm-band-glow: rgba(31,110,99,.55);
  --itm-band-ok: #56C79A;
  --itm-band-ok-bg: #16372B;
  --itm-band-warn: #E0B458;
  --itm-band-warn-bg: #3A2E14;
  --itm-band-err: #F08A7E;
  --itm-band-err-bg: #3F1D19;
  --itm-band-unknown: #A9B3BD;
  --itm-band-unknown-bg: #252D38;
  --itm-text-strong: #14181F;

  --itm-font-black: "Nunito Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --itm-font-heavy: "Nunito Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --itm-font-medium: "Nunito Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --itm-font-body: "Nunito Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --itm-font-mono: "JetBrains Mono", Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --itm-primary: #F28C5E;
    --itm-primary-hover: #F5A27C;
    --itm-on-primary: #14181F;
    --itm-text: #E4E8EC;
    --itm-text-secondary: #A9B3BD;
    --itm-bg: #14181F;
    --itm-bg-2: #252D38;
    --itm-card: #1D232C;
    --itm-raised: #252D38;
    --itm-line: #2F3945;
    --itm-line-strong: #3E4A58;
    --itm-focus-ring: #F28C5E;
    --itm-hover-soft: #252D38;
    --itm-table-head: #252D38;
    --itm-on-table-head: #FFFFFF;
    --itm-table-zebra: #14181F;
    --itm-success: #56C79A;
    --itm-success-bg: #16372B;
    --itm-warning: #E0B458;
    --itm-warning-bg: #3A2E14;
    --itm-danger: #F08A7E;
    --itm-danger-bg: #3F1D19;
    --itm-on-danger: #14181F;
    --itm-info: #6DB8F2;
    --itm-info-bg: #16304A;
    --itm-neutral: #A9B3BD;
    --itm-neutral-bg: #252D38;
    --itm-disabled: #A9B3BD;
    --itm-disabled-bg: #252D38;
    --itm-disabled-border: #3E4A58;
    --itm-shadow-sm: 0 18px 46px rgba(0, 0, 0, .45);
    --itm-shadow-md: 0 18px 46px rgba(0, 0, 0, .45);
    --itm-band-bg: #1D232C;
    --itm-band-border: #3E4A58;
    --itm-text-strong: #FFFFFF;
  }
}

[data-theme="dark"] {
  --itm-primary: #F28C5E;
  --itm-primary-hover: #F5A27C;
  --itm-on-primary: #14181F;
  --itm-text: #E4E8EC;
  --itm-text-secondary: #A9B3BD;
  --itm-bg: #14181F;
  --itm-bg-2: #252D38;
  --itm-card: #1D232C;
  --itm-raised: #252D38;
  --itm-line: #2F3945;
  --itm-line-strong: #3E4A58;
  --itm-focus-ring: #F28C5E;
  --itm-hover-soft: #252D38;
  --itm-table-head: #252D38;
  --itm-on-table-head: #FFFFFF;
  --itm-table-zebra: #14181F;
  --itm-success: #56C79A;
  --itm-success-bg: #16372B;
  --itm-warning: #E0B458;
  --itm-warning-bg: #3A2E14;
  --itm-danger: #F08A7E;
  --itm-danger-bg: #3F1D19;
  --itm-on-danger: #14181F;
  --itm-info: #6DB8F2;
  --itm-info-bg: #16304A;
  --itm-neutral: #A9B3BD;
  --itm-neutral-bg: #252D38;
  --itm-disabled: #A9B3BD;
  --itm-disabled-bg: #252D38;
  --itm-disabled-border: #3E4A58;
  --itm-shadow-sm: 0 18px 46px rgba(0, 0, 0, .45);
  --itm-shadow-md: 0 18px 46px rgba(0, 0, 0, .45);
  --itm-band-bg: #1D232C;
  --itm-band-border: #3E4A58;
  --itm-text-strong: #FFFFFF;
}

.swatch--c24a0b {
  background-color: #C24A0B;
}

.swatch--9e3b08 {
  background-color: #9E3B08;
}

.swatch--ffffff {
  background-color: #FFFFFF;
}

.swatch--ec672c {
  background-color: #EC672C;
}

.swatch--262f38 {
  background-color: #262F38;
}

.swatch--65717c {
  background-color: #65717C;
}

.swatch--8a8f94 {
  background-color: #8A8F94;
}

.swatch--faf8f6 {
  background-color: #FAF8F6;
}

.swatch--f0e9e3 {
  background-color: #F0E9E3;
}

.swatch--f2e0d5 {
  background-color: #F2E0D5;
}

.swatch--e8cdbb {
  background-color: #E8CDBB;
}

.swatch--14181f {
  background-color: #14181F;
}

.swatch--12734c {
  background-color: #12734C;
}

.swatch--e6f4ee {
  background-color: #E6F4EE;
}

.swatch--8a5a00 {
  background-color: #8A5A00;
}

.swatch--fbf2e0 {
  background-color: #FBF2E0;
}

.swatch--a32015 {
  background-color: #A32015;
}

.swatch--fbe9e7 {
  background-color: #FBE9E7;
}

.swatch--155a94 {
  background-color: #155A94;
}

.swatch--e7f1fa {
  background-color: #E7F1FA;
}

.swatch--2f3945 {
  background-color: #2F3945;
}

.swatch--f28c5e {
  background-color: #F28C5E;
}

.swatch--f5a27c {
  background-color: #F5A27C;
}

.swatch--e4e8ec {
  background-color: #E4E8EC;
}

.swatch--a9b3bd {
  background-color: #A9B3BD;
}

.swatch--252d38 {
  background-color: #252D38;
}

.swatch--1d232c {
  background-color: #1D232C;
}

.swatch--3e4a58 {
  background-color: #3E4A58;
}

.swatch--56c79a {
  background-color: #56C79A;
}

.swatch--16372b {
  background-color: #16372B;
}

.swatch--e0b458 {
  background-color: #E0B458;
}

.swatch--3a2e14 {
  background-color: #3A2E14;
}

.swatch--f08a7e {
  background-color: #F08A7E;
}

.swatch--3f1d19 {
  background-color: #3F1D19;
}

.swatch--6db8f2 {
  background-color: #6DB8F2;
}

.swatch--16304a {
  background-color: #16304A;
}