:root {
  --white: 1 0 0;
  --black: 0 0 0;
  --zinc-50: 0.985 0 0;
  --zinc-100: 0.967 0.001 286.375;
  --zinc-200: 0.92 0.004 286.32;
  --zinc-300: 0.871 0.006 286.286;
  --zinc-400: 0.705 0.015 286.067;
  --zinc-500: 0.552 0.016 285.938;
  --zinc-600: 0.442 0.017 285.786;
  --zinc-700: 0.37 0.013 285.805;
  --zinc-800: 0.274 0.006 286.033;
  --zinc-900: 0.21 0.006 285.885;
  --zinc-950: 0.141 0.005 285.823;
  --blue-50: 0.971 0.0151 241.77;
  --blue-100: 0.9321 0.0339 249.56;
  --blue-200: 0.8808 0.0611 248.52;
  --blue-300: 0.8108 0.1014 245.82;
  --blue-400: 0.717 0.1526 250.79;
  --blue-500: 0.6307 0.2003 257.46;
  --blue-600: 0.5567 0.2429 262.01;
  --blue-700: 0.4987 0.2437 263.37;
  --blue-800: 0.4305 0.2038 264.01;
  --blue-900: 0.3823 0.1556 263.74;
  --blue-950: 0.282 0.1004 265.58;
}

@font-face {
  font-family: "Liana";
  src: url("../font/Liana-VF.ttf");
}
@font-face {
  font-family: "JB";
  src: url("../font/JetBrainsMono-VariableFont_wght.ttf");
  font-weight: 100 1000;
}
@font-face {
  font-family: "IRANYekan";
  src: url("../font/IRANYekanXVF.woff2") format("woff-variations"), url("../font/IRANYekanXVF.woff2") format("woff");
  font-weight: 100 1000;
  font-display: fallback;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Thin.ttf");
  font-weight: 100;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Light.ttf");
  font-weight: 200;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Regular.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Medium.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Bold.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Black.ttf");
  font-weight: 600;
}
.dark-mode .site-btn {
  position: relative;
  background: linear-gradient(to bottom left, oklch(var(--blue-500)), oklch(var(--blue-800)));
  box-shadow: 0 0 0 2px oklch(var(--zinc-800)), 0 0 0 4px oklch(var(--blue-600)/50%);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.dark-mode .site-btn:hover {
  box-shadow: none;
  transform: scale(1.02);
}
.dark-mode .sec-top-title {
  color: oklch(var(--zinc-100));
  background: linear-gradient(to bottom, oklch(var(--zinc-700)/50%), oklch(var(--zinc-800)/50%));
  border: 2px solid oklch(var(--zinc-700));
}
.dark-mode .sec-title {
  color: oklch(var(--zinc-100));
}
.dark-mode .sec-desc {
  color: oklch(var(--zinc-400));
}
.dark-mode body {
  background-color: oklch(var(--zinc-900));
}
.dark-mode .icon.theme-light {
  stroke: oklch(var(--blue-600));
  fill: oklch(var(--blue-600));
}
.dark-mode .nav {
  background-color: oklch(var(--zinc-800)/90%);
  color: oklch(var(--zinc-200));
  border-color: oklch(var(--white)/10%);
}
.dark-mode .nav:has(a:hover)::after {
  background-color: oklch(var(--zinc-700)/50%);
}
.dark-mode .nav__logo {
  border-color: oklch(var(--white)/10%);
}
.dark-mode .nav__theme {
  background-color: oklch(var(--zinc-800)/90%);
}
.dark-mode .nav__theme a {
  border-color: oklch(var(--white)/10%);
}
.dark-mode .nav__theme .theme-btn {
  background-color: oklch(var(--zinc-800)/90%);
  color: oklch(var(--zinc-200));
  border-color: oklch(var(--white)/10%);
}
.dark-mode .nav__theme .theme-btn:hover {
  border-color: oklch(var(--white)/20%);
}
.dark-mode .avatar__img {
  background: conic-gradient(red 0% 10%, oklch(var(--zinc-900)) 10% 12%, blue 12% 35%, oklch(var(--zinc-900)) 35% 37%, green 37% 65%, oklch(var(--zinc-900)) 65% 67%, #f6ad01 67% 98%, oklch(var(--zinc-900)) 98% 82%);
}
.dark-mode .avatar__img img {
  box-shadow: 0 0 0 2.5px oklch(var(--zinc-900));
}
.dark-mode .intro__title {
  color: oklch(var(--zinc-100));
}
.dark-mode .intro__title::before {
  background-color: oklch(var(--white)/90%);
}
.dark-mode .intro__desc {
  color: oklch(var(--zinc-400));
}
.dark-mode .social .icon {
  fill: oklch(var(--zinc-400));
}
.dark-mode .social .icon:hover {
  fill: oklch(var(--zinc-300));
}
.dark-mode .about {
  background-color: oklch(var(--zinc-800)/70%);
}
.dark-mode .about__langs {
  background-color: oklch(var(--zinc-800));
}
.dark-mode .lang__icon {
  background: linear-gradient(to bottom left, oklch(var(--zinc-900)), oklch(var(--zinc-700)));
  box-shadow: 0 0 0 3px oklch(var(--zinc-800)), 0 0 0 5px oklch(var(--zinc-900));
}
.dark-mode .lang {
  background-color: transparent;
  border-color: oklch(var(--zinc-700));
  border-width: 2px;
  color: oklch(var(--zinc-50));
}
.dark-mode .lang__icon {
  color: oklch(var(--zinc-50));
}
.dark-mode .pricing-box {
  box-shadow: none;
  border-color: oklch(var(--zinc-700));
}
.dark-mode .pricing-box .pricing {
  background-color: oklch(var(--zinc-800));
  border-color: oklch(var(--white)/10%);
}
.dark-mode .pricing-box .pricing__divider {
  background-color: oklch(var(--white)/10%);
}
.dark-mode .pricing__title {
  color: oklch(var(--white));
}
.dark-mode .feature {
  color: oklch(var(--zinc-300));
}
.dark-mode .feature-icon {
  fill: oklch(var(--zinc-500));
}
.dark-mode .card {
  background-color: oklch(var(--zinc-800));
}
.dark-mode .card__title {
  color: oklch(var(--white));
}
.dark-mode .card__desc {
  color: oklch(var(--zinc-300));
}
.dark-mode .card__btn {
  background-color: oklch(var(--zinc-700));
  border: none;
}
.dark-mode .card__btn:hover {
  background-color: oklch(var(--zinc-600));
}
.dark-mode .workbox {
  background-color: oklch(var(--zinc-800));
}
.dark-mode .workbox__header__start__meta a {
  color: oklch(var(--zinc-100));
}
.dark-mode .workbox__header__start__meta h4 {
  color: oklch(var(--zinc-400));
}
.dark-mode .workbox__header__start__logo {
  border-color: oklch(var(--zinc-600)/50%);
  background-color: oklch(var(--zinc-700));
}
.dark-mode .workbox__header__end__share {
  background-color: oklch(var(--zinc-700)/50%);
  box-shadow: none;
}
.dark-mode .workbox__header__end__share:hover {
  background-color: oklch(var(--zinc-700));
}
.dark-mode .workbox__header__end__share:active {
  background-color: oklch(var(--zinc-700)/50%);
}
.dark-mode .workbox__header__end__share svg path {
  fill: oklch(var(--zinc-300));
}
.dark-mode .workbox__header__end__share:hover svg path {
  fill: oklch(var(--zinc-50));
}
.dark-mode .workbox__header__end__share:active svg path {
  fill: oklch(var(--zinc-50)/70%);
}
.dark-mode .workbox__body > * {
  border-bottom-color: oklch(var(--zinc-700));
}
.dark-mode .workbox__body__meta__info h5 {
  color: oklch(var(--zinc-300));
}
.dark-mode .workbox__body__meta__info p,
.dark-mode .workbox__footer h5 {
  color: oklch(var(--zinc-100));
}
.dark-mode .workbox__body__meta__desc {
  color: oklch(var(--zinc-400));
}
.dark-mode .workbox__footer__social {
  background-color: oklch(var(--zinc-700)/50%);
  box-shadow: none;
}
.dark-mode .workbox__footer__social:hover {
  background-color: oklch(var(--zinc-700));
}
.dark-mode .workbox__footer__social:active {
  background-color: oklch(var(--zinc-700)/50%);
}
.dark-mode .workbox__footer__social svg path {
  stroke: oklch(var(--zinc-300));
}
.dark-mode .workbox__footer__social:hover svg path {
  stroke: oklch(var(--zinc-50));
}
.dark-mode .workbox__footer__social:active svg path {
  stroke: oklch(var(--zinc-50)/70%);
}
.dark-mode .blog-content .blog-header .article__date {
  color: oklch(var(--zinc-500));
  border-inline-color: oklch(var(--white)/50%);
}
.dark-mode .article__title {
  color: oklch(var(--zinc-100));
}
.dark-mode .article__excerpt {
  color: oklch(var(--zinc-400));
}
.dark-mode .article-fade {
  background-color: oklch(var(--zinc-800)/50%);
}
.dark-mode .blog-left .from {
  color: oklch(var(--blue-400));
}
.dark-mode .blog-left .desc {
  color: oklch(var(--white));
}
.dark-mode .book .border.t {
  background: linear-gradient(to right, transparent 0%, oklch(var(--white)/15%) 9.27%, oklch(var(--white)/15%) 90.7%, transparent 100%);
}
.dark-mode .book .border.r {
  background: linear-gradient(to bottom, transparent 0%, oklch(var(--white)/15%) 9.27%, oklch(var(--white)/15%) 90.7%, transparent 100%);
}
.dark-mode .book .border.b {
  background: linear-gradient(to right, transparent 0%, oklch(var(--white)/15%) 9.27%, oklch(var(--white)/15%) 90.7%, transparent 100%);
}
.dark-mode .book .border.l {
  background: linear-gradient(to right, transparent 0%, oklch(var(--white)/15%) 9.3%, oklch(var(--white)/15%) 91%, transparent 100%);
}
.dark-mode .get .preview,
.dark-mode .get .download {
  background-color: oklch(var(--zinc-800)/50%);
  color: oklch(var(--zinc-300));
}
.dark-mode .get .preview:hover,
.dark-mode .get .download:hover {
  background-color: oklch(var(--zinc-800));
  color: oklch(var(--zinc-50));
}
.dark-mode .content:not(.admonition__content p) p {
  color: oklch(70.5% 0.015 286.067deg);
}
.dark-mode .content:not(.admonition__content p) h1,
.dark-mode .content:not(.admonition__content p) h2,
.dark-mode .content:not(.admonition__content p) h3,
.dark-mode .content:not(.admonition__content p) h4,
.dark-mode .content:not(.admonition__content p) h5 {
  color: oklch(92% 0.004 286.32deg);
}
.dark-mode .article-tags,
.dark-mode .reading-time {
  color: oklch(var(--zinc-500));
}
.dark-mode .article-tags a,
.dark-mode .reading-time a {
  color: oklch(var(--zinc-500));
}
.dark-mode .back-link {
  background-color: oklch(var(--zinc-800));
}
.dark-mode .back-link:hover {
  border-color: oklch(var(--zinc-700));
}
.dark-mode .back-link:hover svg path {
  stroke: oklch(var(--zinc-400));
}
.dark-mode .footer {
  border-color: oklch(var(--zinc-700)/40%);
}
.dark-mode .footer__copy {
  color: oklch(var(--zinc-500));
}
.dark-mode .footer .footer-menu__items {
  color: oklch(var(--zinc-200));
}
.dark-mode .blog-content .content blockquote:dir(ltr) {
  background: url("../images/quote-down-dark.svg") no-repeat;
}
.dark-mode .shiki,
.dark-mode .shiki span {
  color: var(--shiki-dark);
  background-color: var(--shiki-dark-bg);
}
.dark-mode .blog-content .content hr {
  border: 1px solid oklch(var(--white)/10%);
}
.dark-mode .tools-card {
  background: oklch(var(--zinc-800));
}
.dark-mode .tools-card::before {
  display: none;
}
.dark-mode .tools-card__r h3 {
  color: oklch(var(--white));
}
.dark-mode .tools-card__r p {
  color: oklch(var(--zinc-300));
}
.dark-mode .tools-card__r img {
  width: 28px;
  height: 28px;
}
.dark-mode .tools-card__l p {
  color: oklch(var(--zinc-400));
  border-color: oklch(var(--zinc-400));
}
.dark-mode .tools-card__l img {
  filter: invert(100%);
}
.dark-mode .about-social a {
  color: oklch(var(--zinc-400));
}
.dark-mode .about-social.email {
  border-color: oklch(var(--zinc-600));
}
.dark-mode .statement {
  background-color: oklch(var(--zinc-800));
}
.dark-mode .statement__desc p {
  color: oklch(var(--zinc-300));
}
.dark-mode .statement__box {
  background-color: oklch(var(--zinc-400));
  border-color: oklch(var(--zinc-700));
}

/*# sourceMappingURL=dark-theme.css.map */