:root,
:root[data-theme="sajberhagen"] {
  color-scheme: light;
  --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink: #102c34;
  --muted: #5b7177;
  --paper: #f5f7f4;
  --surface: #fff;
  --surface-soft: #eef3f0;
  --line: #d7e0dc;
  --teal: #0f5961;
  --teal-dark: #0b3c44;
  --mint: #d7ede5;
  --green: #207758;
  --amber: #8a4b08;
  --red: #a4382a;
  --focus: #d97706;
  --on-primary: #fff;
  --primary-hover: #082f35;
  --field-border: #aebdb8;
  --secondary-border: #9eb5af;
  --subtle-hover: #e9efec;
  --drop-border: #8fa9a2;
  --drop-background: #f8faf8;
  --drop-hover: #edf5f1;
  --row-background: #f9fbfa;
  --success-soft: #edf7f0;
  --warning-soft: #fff0cc;
  --warning-surface: #fff8e8;
  --warning-text: #674a1d;
  --warning-border: #d9a33e;
  --danger-soft: #fde7e2;
  --danger-surface: #fff8f6;
  --danger-border: #efb9ac;
  --danger-strong: #8a1c1c;
  --danger-hover: #5d1010;
  --progress-muted: #839398;
  --progress-border: #b9c7c3;
  --alert: #a32920;
  --alert-strong: #7d1711;
  --shadow-color: 16 44 52;
  --backdrop-color: 8 31 34;
  --tooltip-shadow-color: 5 27 31;
  --header-background: transparent;
  --header-foreground: #102c34;
  --header-line: #d7e0dc;
  --header-accent: #0f5961;
  --header-muted: #5b7177;
  --brand-divider: #d7e0dc;
  --goblin-border: #9eb5af;
  --goblin-foreground: #207758;
  --goblin-background: #edf7f0;
  --footer-background: transparent;
  --footer-foreground: #5b7177;
  --theme-color: #f5f7f4;
  --brand-default-display: inline-flex;
  --brand-custom-display: none;
}

:root[data-theme="light"] {
  color-scheme: light;
  --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink: #182235;
  --muted: #526177;
  --paper: #f5f7fb;
  --surface: #fff;
  --surface-soft: #edf1f7;
  --line: #d7dfea;
  --teal: #215d9d;
  --teal-dark: #204c7a;
  --mint: #e2edfb;
  --green: #227345;
  --amber: #85500d;
  --red: #a43737;
  --focus: #a34d00;
  --on-primary: #fff;
  --primary-hover: #173c63;
  --field-border: #a5b1c3;
  --secondary-border: #a4b5cb;
  --subtle-hover: #e5ecf5;
  --drop-border: #91a6c0;
  --drop-background: #f8fafe;
  --drop-hover: #edf3fc;
  --row-background: #f8fafe;
  --success-soft: #ebf6ef;
  --warning-soft: #fff0cc;
  --warning-surface: #fff8e8;
  --warning-text: #674a1d;
  --warning-border: #d9a33e;
  --danger-soft: #fce8e6;
  --danger-surface: #fff8f7;
  --danger-border: #e8b5b0;
  --danger-strong: #8b2525;
  --danger-hover: #651919;
  --progress-muted: #7e8a9c;
  --progress-border: #b7c2d2;
  --alert: #a32920;
  --alert-strong: #7d1711;
  --shadow-color: 24 34 53;
  --backdrop-color: 17 27 43;
  --tooltip-shadow-color: 17 27 43;
  --header-background: transparent;
  --header-foreground: #182235;
  --header-line: #d7dfea;
  --header-accent: #215d9d;
  --header-muted: #526177;
  --brand-divider: #d7dfea;
  --goblin-border: #a4b5cb;
  --goblin-foreground: #227345;
  --goblin-background: #ebf6ef;
  --footer-background: transparent;
  --footer-foreground: #526177;
  --theme-color: #f5f7fb;
  --brand-default-display: inline-flex;
  --brand-custom-display: none;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink: #e6edf7;
  --muted: #abb9cf;
  --paper: #111923;
  --surface: #1a2533;
  --surface-soft: #223044;
  --line: #3b4d64;
  --teal: #8ac5ff;
  --teal-dark: #244f7e;
  --mint: #263d56;
  --green: #87dca9;
  --amber: #f2c475;
  --red: #ffa49d;
  --focus: #f2c475;
  --on-primary: #fff;
  --primary-hover: #32649b;
  --field-border: #627790;
  --secondary-border: #627790;
  --subtle-hover: #2b3d54;
  --drop-border: #748eab;
  --drop-background: #172330;
  --drop-hover: #25394f;
  --row-background: #1d2a3a;
  --success-soft: #203b32;
  --warning-soft: #46391e;
  --warning-surface: #302a1d;
  --warning-text: #f4d69c;
  --warning-border: #ad863f;
  --danger-soft: #462d2d;
  --danger-surface: #342427;
  --danger-border: #a96665;
  --danger-strong: #ffb3ad;
  --danger-hover: #ffd3cf;
  --progress-muted: #8b9db5;
  --progress-border: #5a6e88;
  --alert: #913f3b;
  --alert-strong: #77312d;
  --shadow-color: 0 0 0;
  --backdrop-color: 2 6 11;
  --tooltip-shadow-color: 0 0 0;
  --header-background: transparent;
  --header-foreground: #e6edf7;
  --header-line: #3b4d64;
  --header-accent: #8ac5ff;
  --header-muted: #abb9cf;
  --brand-divider: #3b4d64;
  --goblin-border: #627790;
  --goblin-foreground: #87dca9;
  --goblin-background: #203b32;
  --footer-background: transparent;
  --footer-foreground: #abb9cf;
  --theme-color: #111923;
  --brand-default-display: inline-flex;
  --brand-custom-display: none;
}

:root[data-theme="datatrion"] {
  color-scheme: light;
  --font-family: "Avenir Next", Avenir, Montserrat, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --ink: #3d4351;
  --muted: #606777;
  --paper: #f5f6f8;
  --surface: #fff;
  --surface-soft: #eef0f4;
  --line: #d7dae2;
  --teal: #28734a;
  --teal-dark: #505669;
  --mint: #dff5e7;
  --green: #28734a;
  --amber: #85520b;
  --red: #a03737;
  --focus: #1f7046;
  --on-primary: #fff;
  --primary-hover: #3d4351;
  --field-border: #a8adba;
  --secondary-border: #9ca2b1;
  --subtle-hover: #e8eaf0;
  --drop-border: #999fad;
  --drop-background: #fafbfc;
  --drop-hover: #edf8f1;
  --row-background: #fafbfc;
  --success-soft: #e8f7ed;
  --warning-soft: #fff1cd;
  --warning-surface: #fff9eb;
  --warning-text: #674a1d;
  --warning-border: #d5a33c;
  --danger-soft: #fbe8e6;
  --danger-surface: #fff8f7;
  --danger-border: #e9b6b0;
  --danger-strong: #8c2525;
  --danger-hover: #651919;
  --progress-muted: #7a8191;
  --progress-border: #b8bdc8;
  --alert: #a32920;
  --alert-strong: #7d1711;
  --shadow-color: 61 67 81;
  --backdrop-color: 36 39 48;
  --tooltip-shadow-color: 36 39 48;
  --header-background: #505669;
  --header-foreground: #fff;
  --header-line: #676e82;
  --header-accent: #a8e8bd;
  --header-muted: #dfe2e9;
  --brand-divider: #8990a2;
  --goblin-border: #7f879b;
  --goblin-foreground: #a8e8bd;
  --goblin-background: #5b6072;
  --footer-background: #505669;
  --footer-foreground: #fff;
  --theme-color: #505669;
  --brand-default-display: none;
  --brand-custom-display: inline-flex;
}