docs: rework documentation site (#1589)

* initial commit

* inital changes

* commit WIP Information Architecture

* commit a working state

* add static assets and project

* add org and fix img names

* add plausible

* remove img

* change sidebar to easier mgmt

* add openid oauth and domains

* lint md

* quickstarts

* add auth flow

* identity brokering

* remove site

* fix broken links

* extend footer

* extend readme

* fix: styling

* fix: zitadel logo on index

* styling

* border

* fix: nav

* fix: nav

* fix: index

* fix: rename architecture to concepts

* fix: introductions

* fix: introductions

* fix: introductions

* fix: get started

* fix: user manual

* fix: zitadel architecture

* fix: dead links

* add favicon

Co-authored-by: fabi <fabienne.gerschwiler@gmail.com>
Co-authored-by: Livio Amstutz <livio.a@gmail.com>

docs/src/css/custom.css

@@ -0,0 +1,49 @@
+/* stylelint-disable docusaurus/copyright-header */
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+/* You can override the default Infima variables here. */
+@import url('https://fonts.googleapis.com/css2?family=Montserrat');
+
+:root {
+  --ifm-color-primary: #556cd1;
+  --ifm-color-primary-dark: #3e58cb;
+  --ifm-color-primary-darker: #3550c5;
+  --ifm-color-primary-darkest: #2c42a2;
+  --ifm-color-primary-light: #6c80d7;
+  --ifm-color-primary-lighter: #788ada;
+  --ifm-color-primary-lightest: #9aa8e4;
+  --ifm-code-font-size: 95%;
+  --ifm-font-family-base: 'Montserrat', sans-serif;
+}
+
+
+.docusaurus-highlight-code-line {
+  background-color: rgb(72, 77, 91);
+  display: block;
+  margin: 0 calc(-1 * var(--ifm-pre-padding));
+  padding: 0 var(--ifm-pre-padding);
+}
+
+.get-started {
+  border: 1px solid;
+  background-color: var(--ifm-font-color-base-inverse);
+  color: var(--ifm-color-primary);
+}
+
+.get-started:hover {
+  background-color: var(--ifm-color-primary);
+  color: var(--ifm-font-color-base-inverse);
+}
+
+.docs-link a {
+  text-decoration: none;
+  color: inherit;
+}
+
+.docs-link a:hover {
+  color: var(--ifm-color-primary);
+}