ardo 3.1.0 → 3.2.0

package/dist/assets/src/ui/components/Features.css.ts.vanilla-D-pNXM9Q.css

@@ -0,0 +1,129 @@
+._15qe9bp0 {
+  padding: 80px 24px;
+  background: var(--ardo-color-bgSoft);
+  border-top: 1px solid var(--ardo-color-border);
+}
+._15qe9bp1 {
+  text-align: center;
+  margin-bottom: 48px;
+}
+._15qe9bp2 {
+  font-size: 36px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  margin-bottom: 12px;
+}
+._15qe9bp3 {
+  font-size: 18px;
+  color: var(--ardo-color-textLight);
+  max-width: 560px;
+  margin: 0 auto;
+}
+._15qe9bp4 {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 20px;
+  max-width: 1100px;
+  margin: 0 auto;
+}
+._15qe9bp5 {
+  padding: 28px;
+  background: var(--ardo-color-bg);
+  border-radius: var(--ardo-radius-lg);
+  border: 1px solid var(--ardo-color-border);
+  box-shadow: var(--ardo-color-shadowSm);
+  transition: all var(--ardo-transition-base);
+  animation: _1fj68r90 0.5s ease both;
+}
+._15qe9bp5:hover {
+  border-color: oklch(0.48 0.15 170 / 0.4);
+  box-shadow: var(--ardo-color-shadowMd), 0 0 0 1px oklch(0.48 0.15 170 / 0.1);
+}
+._15qe9bp4 ._15qe9bp5:nth-child(1) {
+  animation-delay: 0ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(2) {
+  animation-delay: 80ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(3) {
+  animation-delay: 160ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(4) {
+  animation-delay: 240ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(5) {
+  animation-delay: 320ms;
+}
+._15qe9bp4 ._15qe9bp5:nth-child(6) {
+  animation-delay: 400ms;
+}
+._15qe9bp6 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 48px;
+  height: 48px;
+  margin-bottom: 16px;
+  background: var(--ardo-color-brandSubtle);
+  border: 1px solid oklch(0.48 0.15 170 / 0.12);
+  border-radius: 50%;
+  color: var(--ardo-color-brand);
+  transition: all var(--ardo-transition-base);
+}
+._15qe9bp5:hover ._15qe9bp6 {
+  background: var(--ardo-color-brand);
+  color: white;
+  border-color: transparent;
+}
+._15qe9bp7 {
+  font-size: 17px;
+  font-weight: 600;
+  margin-bottom: 10px;
+  letter-spacing: -0.01em;
+}
+._15qe9bp8 {
+  font-size: 14px;
+  color: var(--ardo-color-textLight);
+  line-height: 1.6;
+  margin-bottom: 12px;
+}
+._15qe9bp9 {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--ardo-color-brand);
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  transition: gap var(--ardo-transition-fast);
+}
+._15qe9bp9:hover {
+  gap: 8px;
+}
+._15qe9bp9::after {
+  content: "\2192";
+}
+@media (max-width: 768px) {
+  ._15qe9bp0 {
+    padding: 48px 16px;
+  }
+  ._15qe9bp2 {
+    font-size: 28px;
+  }
+  ._15qe9bp3 {
+    font-size: 16px;
+  }
+}
+@media (hover: hover) {
+  ._15qe9bp5:hover {
+    transform: translateY(-3px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._15qe9bp5 {
+    animation: none;
+  }
+  ._15qe9bp5:hover {
+    transform: none;
+  }
+}

package/dist/assets/src/ui/components/Hero.css.ts.vanilla-DHJVZ6GX.css

@@ -0,0 +1,134 @@
+.j780910 {
+  padding: 100px 24px 80px;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+.j780910::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: radial-gradient(ellipse 60% 50% at 30% 0%, oklch(0.48 0.15 200 / 0.06) 0%, transparent 60%), radial-gradient(ellipse 80% 50% at 70% -10%, oklch(0.48 0.15 170 / 0.12) 0%, transparent 70%), linear-gradient(180deg, var(--ardo-color-bg) 0%, var(--ardo-color-bgSoft) 100%);
+  pointer-events: none;
+}
+.dark .j780910::before {
+  background: radial-gradient(ellipse 60% 50% at 30% 0%, oklch(0.65 0.16 200 / 0.1) 0%, transparent 60%), radial-gradient(ellipse 80% 50% at 70% -10%, oklch(0.65 0.16 170 / 0.2) 0%, transparent 70%), linear-gradient(180deg, var(--ardo-color-bg) 0%, var(--ardo-color-bgSoft) 100%);
+}
+.j780911 {
+  max-width: 800px;
+  margin: 0 auto;
+  position: relative;
+  z-index: 1;
+}
+.j780912 {
+  animation: _1fj68r90 0.6s ease both;
+}
+.j780910 img {
+  max-width: 180px;
+  margin-bottom: 40px;
+  filter: drop-shadow(0 4px 20px oklch(0.48 0.15 170 / 0.15));
+}
+.j780913 {
+  display: inline-block;
+  padding: 4px 14px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--ardo-color-brand);
+  background: var(--ardo-color-brandSubtle);
+  border: 1px solid oklch(0.48 0.15 170 / 0.15);
+  border-radius: 999px;
+  margin-bottom: 16px;
+  letter-spacing: 0.02em;
+}
+.j780914 {
+  font-size: 64px;
+  font-weight: 800;
+  background: var(--ardo-color-brandGradient);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  letter-spacing: -0.03em;
+  line-height: 1.1;
+}
+.j780915 {
+  font-size: 48px;
+  font-weight: 700;
+  margin-top: 8px;
+  letter-spacing: -0.02em;
+  line-height: 1.15;
+}
+.j780916 {
+  font-size: 18px;
+  color: var(--ardo-color-textLight);
+  margin-top: 24px;
+  max-width: 560px;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 1.65;
+}
+.j780917 {
+  display: flex;
+  justify-content: center;
+  gap: 16px;
+  margin-top: 40px;
+  flex-wrap: wrap;
+}
+.j780918 {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 14px 28px;
+  font-size: 15px;
+  font-weight: 600;
+  text-decoration: none;
+  border-radius: var(--ardo-radius-base);
+  transition: all var(--ardo-transition-base);
+}
+.j780919 {
+  background: var(--ardo-color-brand);
+  color: white;
+  box-shadow: 0 4px 14px oklch(0.48 0.15 170 / 0.3);
+}
+.j780919:hover {
+  background: var(--ardo-color-brandDark);
+  box-shadow: 0 6px 20px oklch(0.48 0.15 170 / 0.4);
+}
+.j78091a {
+  background: var(--ardo-color-bg);
+  color: var(--ardo-color-text);
+  border: 1px solid var(--ardo-color-border);
+}
+.j78091a:hover {
+  border-color: var(--ardo-color-brand);
+  color: var(--ardo-color-brand);
+}
+@media (max-width: 768px) {
+  .j780910 {
+    padding: 60px 20px;
+  }
+  .j780914 {
+    font-size: 40px;
+  }
+  .j780915 {
+    font-size: 28px;
+  }
+  .j780916 {
+    font-size: 16px;
+  }
+}
+@media (hover: hover) {
+  .j780919:hover {
+    transform: translateY(-2px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .j780912 {
+    animation: none;
+  }
+  .j780919:hover {
+    transform: none;
+  }
+}

package/dist/assets/src/ui/components/Search.css.ts.vanilla-BYpWHzky.css

@@ -0,0 +1,135 @@
+.wxcdiv0 {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+}
+.wxcdiv1 {
+  display: flex;
+  align-items: center;
+  gap: var(--ardo-space-sm);
+  min-height: 2.5rem;
+  padding: var(--ardo-space-sm) 0.75rem;
+  background: var(--ardo-color-bgSoft);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-base);
+  color: var(--ardo-color-textLighter);
+  cursor: text;
+  transition: border-color var(--ardo-transition-fast), box-shadow var(--ardo-transition-fast), color var(--ardo-transition-fast);
+  outline: none;
+}
+.wxcdiv0:focus-within .wxcdiv1 {
+  border-color: var(--ardo-color-brand);
+  color: var(--ardo-color-textLight);
+}
+.wxcdiv1:focus-within {
+  outline: none;
+}
+.wxcdiv2 {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  outline: none;
+  font-size: var(--ardo-fontSize-sm);
+  background: none;
+  color: var(--ardo-color-text);
+}
+.wxcdiv2::placeholder {
+  color: var(--ardo-color-textLighter);
+}
+.wxcdiv2:focus-visible {
+  outline: none;
+}
+.wxcdiv3 {
+  position: fixed;
+  width: min(28rem, calc(100vw - 2rem));
+  background: var(--ardo-color-bg);
+  border-radius: var(--ardo-radius-lg);
+  border: 1px solid var(--ardo-color-border);
+  box-shadow: var(--ardo-color-shadowLg);
+  overflow: hidden;
+  z-index: 210;
+}
+.wxcdiv4 {
+  list-style: none;
+  max-height: 25rem;
+  overflow-y: auto;
+}
+.wxcdiv5 {
+  display: block;
+  padding: 0.75rem var(--ardo-space-md);
+  text-decoration: none;
+  color: var(--ardo-color-text);
+  border-bottom: 1px solid var(--ardo-color-borderLight);
+  transition: background var(--ardo-transition-fast);
+}
+.wxcdiv5:last-child {
+  border-bottom: none;
+}
+.wxcdiv5:hover, .wxcdiv5.selected {
+  background: var(--ardo-color-brandSubtle);
+}
+.wxcdiv6 {
+  display: block;
+  font-weight: 500;
+  margin-bottom: 2px;
+}
+.wxcdiv7 {
+  display: block;
+  font-size: var(--ardo-fontSize-xs);
+  color: var(--ardo-color-textLighter);
+}
+.wxcdiv8 {
+  padding: var(--ardo-space-xl) var(--ardo-space-md);
+  text-align: center;
+  color: var(--ardo-color-textLighter);
+}
+.wxcdiv9 {
+  display: flex;
+  justify-content: center;
+  gap: var(--ardo-space-lg);
+  padding: 0.75rem var(--ardo-space-md);
+  background: var(--ardo-color-bgSoft);
+  border-top: 1px solid var(--ardo-color-border);
+  font-size: var(--ardo-fontSize-xs);
+  color: var(--ardo-color-textLighter);
+}
+.wxcdiv9 kbd {
+  padding: 2px 6px;
+  background: var(--ardo-color-bg);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-sm);
+  margin-right: 4px;
+}
+.wxcdiva {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: var(--ardo-fontSize-lg);
+  color: var(--ardo-color-textLighter);
+  padding: var(--ardo-space-xs);
+  border-radius: var(--ardo-radius-sm);
+  transition: all var(--ardo-transition-fast);
+}
+.wxcdiva:hover {
+  background: var(--ardo-color-bgSoft);
+  color: var(--ardo-color-text);
+}
+.wxcdivb {
+  display: flex;
+  gap: 3px;
+  margin-left: var(--ardo-space-xs);
+}
+.wxcdivb kbd {
+  padding: 2px 6px;
+  background: var(--ardo-color-bg);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-sm);
+  font-size: var(--ardo-fontSize-xs);
+  font-family: var(--ardo-font-family);
+}

package/dist/assets/src/ui/components/Steps.css.ts.vanilla-CisaxeNj.css

@@ -0,0 +1,59 @@
+.go9pz30 {
+  margin: 24px 0;
+}
+.go9pz30 ol {
+  list-style: none;
+  padding-left: 0;
+  counter-reset: ardo-step;
+}
+.go9pz30 ol > li {
+  position: relative;
+  padding-left: 48px;
+  padding-bottom: 24px;
+  counter-increment: ardo-step;
+  margin-bottom: 0;
+}
+.go9pz30 ol > li:last-child {
+  padding-bottom: 0;
+}
+.go9pz30 ol > li::before {
+  content: counter(ardo-step);
+  position: absolute;
+  left: 0;
+  top: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: var(--ardo-color-brand);
+  color: white;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 1;
+  flex-shrink: 0;
+}
+.go9pz30 ol > li::after {
+  content: "";
+  position: absolute;
+  left: 15px;
+  top: 38px;
+  bottom: 0;
+  width: 2px;
+  background: var(--ardo-color-border);
+}
+.go9pz30 ol > li:last-child::after {
+  display: none;
+}
+.ardo-content .go9pz30 ol {
+  padding-left: 0;
+  max-width: none;
+}
+.ardo-content .go9pz30 ol > li {
+  padding-left: 48px;
+  margin-bottom: 0;
+}
+.ardo-content .go9pz30 ol > li::marker {
+  content: none;
+}

package/dist/assets/src/ui/components/Tabs.css.ts.vanilla-C4-vJSnf.css

@@ -0,0 +1,30 @@
+._1jypr340 {
+  margin: 20px 0;
+}
+._1jypr341 {
+  display: flex;
+  border-bottom: 1px solid var(--ardo-color-border);
+  gap: 4px;
+}
+._1jypr342 {
+  padding: 10px 18px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--ardo-color-textLight);
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  transition: all var(--ardo-transition-fast);
+}
+._1jypr342:hover {
+  color: var(--ardo-color-text);
+}
+._1jypr342.active {
+  color: var(--ardo-color-brand);
+  border-bottom-color: var(--ardo-color-brand);
+}
+._1jypr343 {
+  padding: 20px 0;
+}

package/dist/assets/src/ui/components/ThemeToggle.css.ts.vanilla---sSUELC.css

@@ -0,0 +1,22 @@
+._18g5iyz0 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._18g5iyz1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--ardo-color-textLight);
+  border-radius: var(--ardo-radius-base);
+  transition: all var(--ardo-transition-fast);
+}
+._18g5iyz1:hover {
+  background: var(--ardo-color-bgSoft);
+  color: var(--ardo-color-text);
+}

package/dist/assets/src/ui/content.css.ts.vanilla-O_RaSPXm.css

@@ -0,0 +1,106 @@
+.jmxrtm0 h1, .jmxrtm0 h2, .jmxrtm0 h3, .jmxrtm0 h4, .jmxrtm0 h5, .jmxrtm0 h6 {
+  font-family: var(--ardo-font-familyHeading);
+  font-weight: 600;
+  line-height: 1.3;
+  margin-top: var(--ardo-space-xl);
+  margin-bottom: var(--ardo-space-sm);
+  letter-spacing: -0.02em;
+}
+.jmxrtm0 h1 {
+  font-size: var(--ardo-fontSize-2xl);
+  font-weight: 700;
+  margin-top: var(--ardo-space-2xl);
+}
+.jmxrtm0 h2 {
+  font-size: var(--ardo-fontSize-xl);
+  padding-top: var(--ardo-space-sm);
+  letter-spacing: -0.015em;
+}
+.jmxrtm0 h3 {
+  font-size: var(--ardo-fontSize-base);
+  font-weight: 600;
+}
+.jmxrtm0 h4 {
+  font-size: var(--ardo-fontSize-sm);
+  font-weight: 600;
+}
+.jmxrtm0 p {
+  margin-bottom: var(--ardo-space-md);
+  max-width: 68ch;
+}
+.jmxrtm0 a {
+  color: var(--ardo-color-brand);
+  text-decoration: underline;
+  text-decoration-color: transparent;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 2px;
+  transition: text-decoration-color var(--ardo-transition-fast);
+}
+.jmxrtm0 a:hover {
+  text-decoration-color: var(--ardo-color-brand);
+}
+.jmxrtm0 ul, .jmxrtm0 ol {
+  margin-bottom: var(--ardo-space-md);
+  padding-left: var(--ardo-space-lg);
+  max-width: 68ch;
+}
+.jmxrtm0 li {
+  margin-bottom: var(--ardo-space-xs);
+}
+.jmxrtm0 li::marker {
+  color: var(--ardo-color-textLighter);
+}
+.jmxrtm0 blockquote {
+  margin: var(--ardo-space-lg) 0;
+  padding: var(--ardo-space-md) var(--ardo-space-lg);
+  border-left: 3px solid var(--ardo-color-brand);
+  background: var(--ardo-color-bgSoft);
+  border-radius: 0 var(--ardo-radius-base) var(--ardo-radius-base) 0;
+  color: var(--ardo-color-text);
+  font-size: var(--ardo-fontSize-base);
+}
+.jmxrtm0 hr {
+  margin: var(--ardo-space-xl) 0;
+  border: none;
+  border-top: 1px solid var(--ardo-color-border);
+}
+.jmxrtm0 table {
+  width: 100%;
+  margin: var(--ardo-space-lg) 0;
+  border-collapse: collapse;
+  font-size: var(--ardo-fontSize-sm);
+  border-radius: var(--ardo-radius-base);
+  overflow: hidden;
+  border: 1px solid var(--ardo-color-border);
+}
+.jmxrtm0 th, .jmxrtm0 td {
+  padding: var(--ardo-space-sm) var(--ardo-space-md);
+  border-bottom: 1px solid var(--ardo-color-borderLight);
+  text-align: left;
+}
+.jmxrtm0 th {
+  background: var(--ardo-color-bgSoft);
+  font-weight: 600;
+  font-size: var(--ardo-fontSize-xs);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.jmxrtm0 img {
+  max-width: 100%;
+  border-radius: var(--ardo-radius-base);
+  border: 1px solid var(--ardo-color-border);
+}
+.jmxrtm0 code {
+  font-family: var(--ardo-font-mono);
+  font-size: 0.875em;
+  padding: 0.125rem 0.375rem;
+  background: var(--ardo-color-bgMute);
+  border-radius: var(--ardo-radius-sm);
+  font-weight: 500;
+}
+.jmxrtm0 pre code {
+  padding: 0;
+  background: none;
+  border: none;
+  font-weight: 400;
+}

package/dist/assets/src/ui/theme/animations.css.ts.vanilla-D6ImVUKy.css

@@ -0,0 +1,10 @@
+@keyframes _1fj68r90 {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}

package/dist/assets/src/ui/theme/dark.css.ts.vanilla-2iJgcpbU.css

@@ -0,0 +1,87 @@
+.dark {
+  --ardo-color-brand: oklch(0.65 0.16 170);
+  --ardo-color-brandLight: oklch(0.77 0.16 170);
+  --ardo-color-brandDark: oklch(0.57 0.18 170);
+  --ardo-color-brandSubtle: oklch(0.2 0.04 170);
+  --ardo-color-brandGradient: linear-gradient(135deg, oklch(0.65 0.16 170) 0%, oklch(0.73 0.14 200) 100%);
+  --ardo-color-bg: oklch(0.14 0.01 170);
+  --ardo-color-bgSoft: oklch(0.18 0.012 170);
+  --ardo-color-bgMute: oklch(0.26 0.015 170);
+  --ardo-color-bgAlt: oklch(0.36 0.012 170);
+  --ardo-color-text: oklch(0.95 0.005 170);
+  --ardo-color-textLight: oklch(0.68 0.01 170);
+  --ardo-color-textLighter: oklch(0.5 0.008 170);
+  --ardo-color-border: oklch(0.28 0.015 170);
+  --ardo-color-borderLight: oklch(0.35 0.01 170);
+  --ardo-color-divider: oklch(0.28 0.015 170);
+  --ardo-color-sidebarBg: oklch(0.16 0.012 170);
+  --ardo-color-sidebarBorder: oklch(0.26 0.015 170);
+  --ardo-color-codeBg: oklch(0.16 0.008 170);
+  --ardo-color-codeBorder: oklch(0.24 0.01 170);
+  --ardo-color-codeShadow: 0 1px 3px oklch(0 0 0 / 0.2);
+  --ardo-color-shadowSm: 0 1px 2px oklch(0 0 0 / 0.12), 0 1px 3px oklch(0 0 0 / 0.15);
+  --ardo-color-shadowMd: 0 4px 6px oklch(0 0 0 / 0.12), 0 2px 4px oklch(0 0 0 / 0.08);
+  --ardo-color-shadowLg: 0 10px 25px oklch(0 0 0 / 0.2), 0 4px 10px oklch(0 0 0 / 0.12);
+  --ardo-color-tip: oklch(0.5 0.15 155);
+  --ardo-color-tipBg: oklch(0.2 0.04 155);
+  --ardo-color-tipBorder: oklch(0.35 0.1 155);
+  --ardo-color-warning: oklch(0.55 0.16 45);
+  --ardo-color-warningBg: oklch(0.22 0.05 45);
+  --ardo-color-warningBorder: oklch(0.4 0.12 45);
+  --ardo-color-danger: oklch(0.5 0.18 25);
+  --ardo-color-dangerBg: oklch(0.2 0.04 25);
+  --ardo-color-dangerBorder: oklch(0.35 0.1 25);
+  --ardo-color-info: oklch(0.5 0.14 220);
+  --ardo-color-infoBg: oklch(0.2 0.04 220);
+  --ardo-color-infoBorder: oklch(0.35 0.08 220);
+  --ardo-color-note: oklch(0.5 0.14 270);
+  --ardo-color-noteBg: oklch(0.2 0.04 270);
+  --ardo-color-noteBorder: oklch(0.35 0.08 270);
+  --ardo-color-badgeBlue: oklch(0.7 0.12 250);
+  --ardo-color-badgeBlueBg: oklch(0.22 0.04 250);
+  --ardo-color-badgeBlueBorder: oklch(0.35 0.08 250);
+  --ardo-color-badgeGreen: oklch(0.65 0.12 155);
+  --ardo-color-badgeGreenBg: oklch(0.22 0.04 155);
+  --ardo-color-badgeGreenBorder: oklch(0.35 0.08 155);
+  --ardo-color-badgeAmber: oklch(0.7 0.14 70);
+  --ardo-color-badgeAmberBg: oklch(0.22 0.05 70);
+  --ardo-color-badgeAmberBorder: oklch(0.38 0.1 70);
+  --ardo-color-badgePurple: oklch(0.7 0.14 300);
+  --ardo-color-badgePurpleBg: oklch(0.22 0.04 300);
+  --ardo-color-badgePurpleBorder: oklch(0.35 0.08 300);
+  --ardo-color-badgePink: oklch(0.7 0.14 350);
+  --ardo-color-badgePinkBg: oklch(0.22 0.04 350);
+  --ardo-color-badgePinkBorder: oklch(0.35 0.08 350);
+  --ardo-layout-sidebarWidth: 17rem;
+  --ardo-layout-tocWidth: 16rem;
+  --ardo-layout-contentMaxWidth: 48rem;
+  --ardo-layout-headerHeight: 4rem;
+  --ardo-transition-fast: 0.12s ease-out;
+  --ardo-transition-base: 0.2s ease-out;
+  --ardo-transition-slow: 0.35s ease-out;
+  --ardo-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --ardo-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --ardo-font-familyHeading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --ardo-font-size: 1rem;
+  --ardo-font-lineHeight: 1.7;
+  --ardo-fontSize-xs: 0.75rem;
+  --ardo-fontSize-sm: 0.875rem;
+  --ardo-fontSize-base: 1rem;
+  --ardo-fontSize-lg: 1.125rem;
+  --ardo-fontSize-xl: 1.25rem;
+  --ardo-fontSize-2xl: 1.5rem;
+  --ardo-fontSize-3xl: 2rem;
+  --ardo-space-xs: 0.25rem;
+  --ardo-space-sm: 0.5rem;
+  --ardo-space-md: 1rem;
+  --ardo-space-lg: 1.5rem;
+  --ardo-space-xl: 2rem;
+  --ardo-space-2xl: 3rem;
+  --ardo-space-3xl: 4rem;
+  --ardo-space-4xl: 6rem;
+  --ardo-space-section: clamp(3rem, 6vw, 5rem);
+  --ardo-space-content: clamp(1.5rem, 3vw, 2.5rem);
+  --ardo-radius-sm: 0.25rem;
+  --ardo-radius-base: 0.5rem;
+  --ardo-radius-lg: 0.75rem;
+}