/* Farbvariablen fuer Standard- (dunkel) und Sonnenlicht-Modus (hell, hoher Kontrast). */
:root {
  --c-161811: #161811;
  --c-1B1E17: #1B1E17;
  --c-20231C: #20231C;
  --c-26301F: #26301F;
  --c-2A2D26: #2A2D26;
  --c-3A3D33: #3A3D33;
  --c-33362C: #33362C;
  --c-EDEAE0: #EDEAE0;
  --c-B9B4A5: #B9B4A5;
  --c-7A7468: #7A7468;
  --c-4A4D40: #4A4D40;
  --c-C98A3C: #C98A3C;
  --c-8A9A5B: #8A9A5B;
  --c-5B7A9A: #5B7A9A;
  --c-9BC0E3: #9BC0E3;
  --c-C9645A: #C9645A;
  --c-8C2F2F: #8C2F2F;
  --c-A87C3F: #A87C3F;
  --c-6B6E3A: #6B6E3A;
  --c-8A6BC9: #8A6BC9;
  --c-E3C489: #E3C489;
  --c-E39B9B: #E39B9B;
  --c-9BC99B: #9BC99B;
  --c-3A1C1C: #3A1C1C;
  --c-5C2A2A: #5C2A2A;
  --c-3A2E14: #3A2E14;
  --c-5C4A20: #5C4A20;
  --c-1C2A3A: #1C2A3A;
  --c-2A3E5C: #2A3E5C;
  --c-1C2E1C: #1C2E1C;
  --c-2A4A2A: #2A4A2A;
  color-scheme: dark;
}

:root[data-theme="light"] {
  --c-161811: #F0ECDD;
  --c-1B1E17: #F7F4E9;
  --c-20231C: #FFFFFF;
  --c-26301F: #EAF3DE;
  --c-2A2D26: #E4E0D2;
  --c-3A3D33: #D6D0BC;
  --c-33362C: #DCD6C2;
  --c-EDEAE0: #1E1F17;
  --c-B9B4A5: #4E4A3B;
  --c-7A7468: #736D5B;
  --c-4A4D40: #94907C;
  --c-C98A3C: #93601C;
  --c-8A9A5B: #5C6A38;
  --c-5B7A9A: #3D6285;
  --c-9BC0E3: #2C567D;
  --c-C9645A: #A5382C;
  --c-8C2F2F: #6E2424;
  --c-A87C3F: #7A5A2C;
  --c-6B6E3A: #52541F;
  --c-8A6BC9: #5E469C;
  --c-E3C489: #7A5A14;
  --c-E39B9B: #8C332A;
  --c-9BC99B: #2F6B36;
  --c-3A1C1C: #FBEAE8;
  --c-5C2A2A: #E3B6AE;
  --c-3A2E14: #FBF1D8;
  --c-5C4A20: #E6CE93;
  --c-1C2A3A: #E8F1FA;
  --c-2A3E5C: #B9D3E8;
  --c-1C2E1C: #E8F5E7;
  --c-2A4A2A: #BEE0BC;
  color-scheme: light;
}

html, body { background: var(--c-161811); margin: 0; }
* { box-sizing: border-box; }
@keyframes spin { to { transform: rotate(360deg); } }
.spin { animation: spin 1s linear infinite; }