Merge commit '49190feab6268d64bbb16e332f53d2a66f387d14' as 'Website'

Website/docs/.vitepress/theme/style/style.css

@@ -0,0 +1,158 @@
+@import './custom-block.css';
+@import './doc-fade-in.css';
+
+:root:where(:lang(fa)) {
+  --vp-font-family-base:
+    'Vazirmatn', 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
+  --vp-home-hero-image-filter: blur(44px);
+
+  /* Enhanced brand color for better contrast */
+  --vp-c-brand-1: #1e40af;
+  --vp-c-brand-2: #2563eb;
+  --vp-c-brand-3: #3b82f6;
+  --vp-c-brand-soft: rgba(30, 64, 175, 0.14);
+
+  /* Button contrast improvements */
+  --vp-button-brand-bg: #1e40af;
+  --vp-button-brand-text: #ffffff;
+  --vp-button-brand-hover-bg: #1d4ed8;
+  --vp-button-brand-hover-text: #ffffff;
+  --vp-button-brand-active-bg: #1e3a8a;
+  --vp-button-brand-active-text: #ffffff;
+}
+
+/* Dark mode color overrides for better contrast */
+.dark:root {
+  --vp-c-brand-1: #60a5fa;
+  --vp-c-brand-2: #3b82f6;
+  --vp-c-brand-3: #2563eb;
+  --vp-c-brand-soft: rgba(96, 165, 250, 0.16);
+
+  --vp-button-brand-bg: #3b82f6;
+  --vp-button-brand-text: #000000;
+  --vp-button-brand-hover-bg: #60a5fa;
+  --vp-button-brand-hover-text: #000000;
+  --vp-button-brand-active-bg: #2563eb;
+  --vp-button-brand-active-text: #000000;
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+
+.VPHero .VPImage {
+  filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.2));
+  padding: 18px;
+}
+
+/* used in reference/default-theme-search */
+img[src='/search.png'] {
+  width: 100%;
+  aspect-ratio: 1 / 1;
+}
+
+/* Enhanced button contrast for accessibility */
+.VPButton.brand {
+  background-color: var(--vp-button-brand-bg) !important;
+  color: var(--vp-button-brand-text) !important;
+  border: none;
+  font-weight: 600;
+  text-shadow: none;
+}
+
+.VPButton.brand:hover {
+  background-color: var(--vp-button-brand-hover-bg) !important;
+  color: var(--vp-button-brand-hover-text) !important;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.4);
+}
+
+.VPButton.brand:active {
+  background-color: var(--vp-button-brand-active-bg) !important;
+  color: var(--vp-button-brand-active-text) !important;
+  transform: translateY(0);
+}
+
+/* Dark mode support for buttons */
+.dark .VPButton.brand {
+  background-color: #3b82f6 !important;
+  color: #000000 !important;
+}
+
+.dark .VPButton.brand:hover {
+  background-color: #60a5fa !important;
+  color: #000000 !important;
+  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
+}
+
+.dark .VPButton.brand:active {
+  background-color: #2563eb !important;
+  color: #000000 !important;
+}
+
+/* Ensure proper contrast for all text elements */
+.VPButton.brand .text {
+  color: inherit !important;
+}
+
+/* Focus states for accessibility */
+.VPButton.brand:focus-visible {
+  outline: 2px solid #ffffff;
+  outline-offset: 2px;
+}
+
+.dark .VPButton.brand:focus-visible {
+  outline: 2px solid #000000;
+  outline-offset: 2px;
+}
+
+@font-face {
+  font-family: 'HarmonyOS Sans SC';
+  src: url('/HarmonyOS_Sans_SC.ttf') format('truetype');
+}
+
+body {
+  font-family: 'HarmonyOS Sans SC', sans-serif;
+  line-height: 1.8;
+  letter-spacing: 0.05em;
+  word-spacing: 0.05em;
+}
+
+p,
+li,
+a,
+span,
+div,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  word-break: break-word;
+  text-justify: inter-ideograph;
+  -ms-text-autospace: ideograph-alpha;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+pre,
+code {
+  letter-spacing: normal;
+  word-spacing: normal;
+}