@commonpub/layer 0.7.3 → 0.7.4

package/components/CommentSection.vue

@@ -266,7 +266,7 @@ async function deleteComment(id: string): Promise<void> {
   color: var(--text-faint);
   background: var(--surface2);
   padding: 1px 6px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
 }
 
 .cpub-comment-form {
@@ -290,7 +290,7 @@ async function deleteComment(id: string): Promise<void> {
   gap: 8px;
   padding: 6px 10px;
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
 }
 
 .cpub-cancel-reply {
@@ -313,7 +313,7 @@ async function deleteComment(id: string): Promise<void> {
   margin-bottom: 12px;
   padding: 8px 12px;
   background: var(--accent-bg);
-  border: 1px solid var(--accent-border);
+  border: var(--border-width-default) solid var(--accent-border);
   border-radius: 8px;
 }
 .cpub-comment-fed-notice i { color: var(--accent); font-size: 11px; }
@@ -461,6 +461,6 @@ async function deleteComment(id: string): Promise<void> {
   margin-bottom: 12px;
   padding: 8px 12px;
   background: var(--green-bg, rgba(34, 197, 94, 0.08));
-  border: 1px solid var(--green-border, rgba(34, 197, 94, 0.2));
+  border: var(--border-width-default) solid var(--green-border, rgba(34, 197, 94, 0.2));
 }
 </style>

package/components/ContentAttachments.vue

@@ -57,7 +57,7 @@ const safeAttachments = computed(() =>
 .cpub-attachments {
   margin: 28px 0;
   padding-top: 16px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
 }
 .cpub-attachments-label {
   font-size: 10px;
@@ -77,7 +77,7 @@ const safeAttachments = computed(() =>
   align-items: center;
   gap: 8px;
   padding: 8px 12px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--surface);
   text-decoration: none;
   color: var(--text-dim);
@@ -92,7 +92,7 @@ const safeAttachments = computed(() =>
   width: 40px;
   height: 40px;
   object-fit: cover;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
 }
 .cpub-attachment-icon {
   width: 32px;
@@ -101,7 +101,7 @@ const safeAttachments = computed(() =>
   align-items: center;
   justify-content: center;
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--text-faint);
   font-size: 14px;
 }

package/components/DiscussionItem.vue

@@ -177,7 +177,7 @@ const lastReplyFormatted = computed((): string | null => {
   width: 16px;
   height: 16px;
   object-fit: cover;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   flex-shrink: 0;
 }
 

package/components/FeedItem.vue

@@ -271,7 +271,7 @@ const formattedDate = computed((): string => {
 
 .cpub-feed-stat-btn {
   background: none;
-  border: 1px solid transparent;
+  border: var(--border-width-default) solid transparent;
   cursor: pointer;
   padding: 2px 8px;
   border-radius: 4px;

package/components/MessageThread.vue

@@ -116,7 +116,7 @@ function handleSend(): void {
   width: 20px;
   height: 20px;
   object-fit: cover;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   flex-shrink: 0;
 }
 

package/components/NotificationItem.vue

@@ -103,7 +103,7 @@ const iconMap: Record<string, string> = {
   align-items: center;
   justify-content: center;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 50%;
   font-size: 8px;
   color: var(--text-dim);

package/components/hub/HubHero.vue

@@ -66,7 +66,7 @@ const isCompanyHub = computed(() => hubType.value === 'company');
   background: linear-gradient(135deg, var(--accent) 0%, #006b6b 50%, var(--accent-border) 100%);
   position: relative;
   overflow: hidden;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-hub-banner-pattern {
@@ -87,7 +87,7 @@ const isCompanyHub = computed(() => hubType.value === 'company');
 
 .cpub-hub-meta-bar {
   background: var(--surface);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   padding: 20px 0;
 }
 

package/components/hub/HubLayout.vue

@@ -45,7 +45,7 @@ const activeTab = defineModel<string>('activeTab', { required: true });
 <style scoped>
 .cpub-hub-tabs {
   background: var(--surface);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   position: sticky;
   top: 48px;
   z-index: 90;

package/components/hub/HubProducts.vue

@@ -36,7 +36,7 @@ defineProps<{
 
 .cpub-product-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 12px;
   padding: 16px;
   display: flex;
@@ -55,7 +55,7 @@ defineProps<{
   width: 48px;
   height: 48px;
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 10px;
   display: flex;
   align-items: center;

package/components/hub/HubSidebarCard.vue

@@ -14,7 +14,7 @@ defineProps<{
 <style scoped>
 .cpub-sb-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 18px;
   box-shadow: var(--shadow-sm);
   margin-bottom: 16px;
@@ -30,6 +30,6 @@ defineProps<{
   color: var(--text-dim);
   margin-bottom: 14px;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 </style>

package/components/views/ArticleView.vue

@@ -268,7 +268,7 @@ useJsonLd({
   align-items: center;
   justify-content: center;
   overflow: hidden;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-cover::after {
@@ -327,7 +327,7 @@ useJsonLd({
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: var(--accent);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--accent-bg);
   padding: 3px 10px;
   margin-bottom: 16px;
@@ -359,7 +359,7 @@ useJsonLd({
   height: 28px;
   border-radius: 50%;
   background: var(--surface3);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -420,7 +420,7 @@ useJsonLd({
   font-size: 10px;
   font-family: var(--font-mono);
   padding: 2px 8px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--text-dim);
   background: var(--surface2);
   text-decoration: none;
@@ -445,8 +445,8 @@ useJsonLd({
   align-items: center;
   gap: 6px;
   padding: 14px 0;
-  border-top: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   margin-bottom: 28px;
 }
 
@@ -470,7 +470,7 @@ useJsonLd({
   font-family: var(--font-mono);
   color: var(--text-dim);
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 5px 12px;
   cursor: pointer;
   transition: background var(--transition-fast), color var(--transition-fast);
@@ -503,7 +503,7 @@ useJsonLd({
   margin: 40px 0 12px;
   letter-spacing: -0.01em;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-prose :deep(h3) {
@@ -524,7 +524,7 @@ useJsonLd({
   font-size: 13px;
   color: var(--teal);
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 1px 6px;
 }
 
@@ -562,7 +562,7 @@ useJsonLd({
 
 .cpub-prose :deep(hr) {
   border: none;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
   margin: 36px 0;
 }
 
@@ -573,7 +573,7 @@ useJsonLd({
   gap: 6px;
   margin: 40px 0 32px;
   padding-top: 24px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
 }
 
 .cpub-tags-label {
@@ -589,7 +589,7 @@ useJsonLd({
 /* ── AUTHOR CARD ── */
 .cpub-author-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 24px;
   display: flex;
   gap: 20px;
@@ -684,7 +684,7 @@ useJsonLd({
   text-transform: uppercase;
   margin-bottom: 16px;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-related-grid {
@@ -696,7 +696,7 @@ useJsonLd({
 
 .cpub-related-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   overflow: hidden;
   cursor: pointer;
   transition: box-shadow var(--transition-fast);
@@ -715,7 +715,7 @@ useJsonLd({
   justify-content: center;
   position: relative;
   overflow: hidden;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-related-card-thumb::after {

package/components/views/BlogView.vue

@@ -227,7 +227,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: var(--green);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--green-bg);
   padding: 3px 10px;
   margin-bottom: 16px;
@@ -250,7 +250,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   height: 28px;
   border-radius: 50%;
   background: var(--surface3);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -307,7 +307,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   font-size: 10px;
   font-family: var(--font-mono);
   padding: 2px 8px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--text-dim);
   background: var(--surface2);
   text-decoration: none;
@@ -332,8 +332,8 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   align-items: center;
   gap: 6px;
   padding: 14px 0;
-  border-top: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   margin-bottom: 36px;
 }
 
@@ -355,7 +355,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   font-family: var(--font-mono);
   color: var(--text-dim);
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 5px 12px;
   cursor: pointer;
   transition: background var(--transition-fast), color var(--transition-fast);
@@ -407,7 +407,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   font-size: 12.5px;
   color: var(--teal);
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   padding: 1px 6px;
 }
 
@@ -454,14 +454,14 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
 
 .cpub-prose :deep(hr) {
   border: none;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
   margin: 36px 0;
 }
 
 /* ── SERIES NAV ── */
 .cpub-series-nav {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 20px;
   margin: 40px 0;
   box-shadow: var(--shadow-sm);
@@ -518,7 +518,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   height: 4px;
   background: var(--surface3);
   overflow: hidden;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
 }
 
 .cpub-series-progress-fill {
@@ -534,7 +534,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
 
 .cpub-series-nav-btn {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 12px 14px;
   cursor: pointer;
   text-decoration: none;
@@ -582,7 +582,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   gap: 6px;
   margin: 36px 0 28px;
   padding-top: 20px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
 }
 
 .cpub-tags-label {
@@ -598,7 +598,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
 /* ── AUTHOR CARD ── */
 .cpub-author-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 22px;
   display: flex;
   gap: 18px;
@@ -671,7 +671,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   font-family: var(--font-sans);
   font-size: 12px;
   padding: 6px 14px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--surface);
   color: var(--text);
   cursor: pointer;

package/components/views/ExplainerView.vue

@@ -355,7 +355,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   align-items: center;
   justify-content: center;
   background: var(--surface, #1a1a1a);
-  border: 1px solid var(--border, #333);
+  border: var(--border-width-default) solid var(--border, #333);
   color: var(--text-dim, #999);
   font-size: 14px;
   text-decoration: none;
@@ -387,7 +387,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   top: 3px; left: 0; right: 0;
   height: 48px;
   background: var(--surface);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   gap: 10px;
@@ -441,7 +441,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   align-items: center;
   justify-content: center;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--text-dim);
   cursor: pointer;
   font-size: 12px;
@@ -467,7 +467,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   width: 200px;
   flex-shrink: 0;
   background: var(--surface);
-  border-right: 1px solid var(--border);
+  border-right: var(--border-width-default) solid var(--border);
   display: flex;
   flex-direction: column;
   overflow-y: auto;
@@ -479,7 +479,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   letter-spacing: 0.12em;
   color: var(--text-faint);
   text-transform: uppercase;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 .cpub-toc-list { list-style: none; padding: 6px 0; }
 .cpub-toc-item button {
@@ -516,7 +516,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   align-items: center;
   gap: 8px;
   padding: 12px 14px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
   margin-top: auto;
 }
 .cpub-sidebar-author-avatar {
@@ -524,7 +524,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   height: 24px;
   border-radius: var(--radius-full);
   background: var(--surface3);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -674,7 +674,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   font-family: var(--font-mono);
   font-size: 13px;
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 1px 6px;
   color: var(--accent);
 }
@@ -718,7 +718,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   justify-content: space-between;
   margin-top: 48px;
   padding-top: 24px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
 }
 
 .cpub-progress-dots { display: flex; align-items: center; gap: 5px; }
@@ -742,7 +742,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   gap: 8px;
   padding: 10px 18px;
   background: var(--accent);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--color-text-inverse);
   font-size: 13px;
   font-weight: 600;
@@ -759,7 +759,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   gap: 8px;
   padding: 10px 18px;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--text);
   font-size: 13px;
   font-weight: 500;

package/components/views/ProjectView.vue

@@ -590,7 +590,7 @@ async function handleBuild(): Promise<void> {
   background: var(--surface2);
   overflow: hidden;
   flex-shrink: 0;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-hero-cover-grid {
@@ -653,14 +653,14 @@ async function handleBuild(): Promise<void> {
 
 .cpub-badge-featured {
   background: var(--yellow-bg);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--yellow);
   box-shadow: var(--shadow-sm);
 }
 
 .cpub-badge-outline {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--text-dim);
   box-shadow: var(--shadow-sm);
 }
@@ -721,7 +721,7 @@ async function handleBuild(): Promise<void> {
   height: 28px;
   border-radius: 50%;
   background: var(--surface3);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -768,7 +768,7 @@ async function handleBuild(): Promise<void> {
   font-family: var(--font-mono);
   color: var(--accent);
   background: var(--accent-bg);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 2px 7px;
 }
 
@@ -789,7 +789,7 @@ async function handleBuild(): Promise<void> {
 .cpub-author-tag {
   font-size: 9px; font-family: var(--font-mono); text-transform: uppercase;
   letter-spacing: 0.04em; color: var(--text-faint); padding: 1px 6px;
-  border: 1px solid var(--border); background: var(--surface); text-decoration: none;
+  border: var(--border-width-default) solid var(--border); background: var(--surface); text-decoration: none;
 }
 .cpub-author-tag:hover { color: var(--accent); border-color: var(--accent); }
 
@@ -816,7 +816,7 @@ async function handleBuild(): Promise<void> {
 .cpub-engage-btn {
   font-size: 12px;
   padding: 6px 13px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--surface);
   color: var(--text-dim);
   cursor: pointer;
@@ -849,7 +849,7 @@ async function handleBuild(): Promise<void> {
 .cpub-inline-meta-chip {
   display: inline-flex; align-items: center; gap: 5px;
   font-size: 11px; font-family: var(--font-mono); color: var(--text-dim);
-  padding: 3px 10px; background: var(--surface2); border: 1px solid var(--border);
+  padding: 3px 10px; background: var(--surface2); border: var(--border-width-default) solid var(--border);
   white-space: nowrap;
 }
 .cpub-inline-meta-link { text-decoration: none; cursor: pointer; }
@@ -861,7 +861,7 @@ async function handleBuild(): Promise<void> {
 .cpub-itag {
   font-size: 10px; font-family: var(--font-mono); text-transform: uppercase;
   letter-spacing: 0.04em; padding: 2px 8px; color: var(--text-faint);
-  border: 1px solid var(--border); background: var(--surface);
+  border: var(--border-width-default) solid var(--border); background: var(--surface);
 }
 
 /* ── TABS ── */
@@ -870,7 +870,7 @@ async function handleBuild(): Promise<void> {
   top: 48px;
   z-index: 50;
   background: var(--bg);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   margin-bottom: 28px;
 }
 
@@ -948,7 +948,7 @@ async function handleBuild(): Promise<void> {
   font-size: 11px;
   background: var(--surface2);
   padding: 2px 5px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--accent);
 }
 
@@ -962,7 +962,7 @@ async function handleBuild(): Promise<void> {
 
 .cpub-prose :deep(hr) {
   border: none;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
   margin: 24px 0;
 }
 
@@ -995,7 +995,7 @@ async function handleBuild(): Promise<void> {
 .cpub-toc-nav {
   display: flex; flex-direction: column; gap: 0;
   position: relative;
-  border-left: 1px solid var(--border);
+  border-left: var(--border-width-default) solid var(--border);
 }
 .cpub-toc-item {
   display: flex; align-items: flex-start; text-align: left; background: none;
@@ -1022,7 +1022,7 @@ async function handleBuild(): Promise<void> {
 
 .cpub-sb-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 18px;
   box-shadow: var(--shadow-sm);
 }
@@ -1036,14 +1036,14 @@ async function handleBuild(): Promise<void> {
   color: var(--text-dim);
   margin-bottom: 14px;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 /* Stats grid */
 .cpub-stats-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   overflow: hidden;
 }
 
@@ -1051,8 +1051,8 @@ async function handleBuild(): Promise<void> {
   background: var(--surface2);
   padding: 14px;
   text-align: center;
-  border-right: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
+  border-right: var(--border-width-default) solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-stat-cell:nth-child(2n) { border-right: none; }
@@ -1105,7 +1105,7 @@ async function handleBuild(): Promise<void> {
   align-items: center;
   gap: 10px;
   padding: 8px 0;
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-default) solid var(--border2);
   font-size: 12px;
 }
 
@@ -1115,7 +1115,7 @@ async function handleBuild(): Promise<void> {
   width: 28px;
   height: 28px;
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1150,7 +1150,7 @@ async function handleBuild(): Promise<void> {
   font-size: 10px;
   font-family: var(--font-mono);
   padding: 4px 10px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--text-dim);
   background: var(--surface);
   cursor: pointer;
@@ -1169,7 +1169,7 @@ async function handleBuild(): Promise<void> {
   align-items: center;
   justify-content: space-between;
   padding: 7px 0;
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-default) solid var(--border2);
   font-size: 12px;
 }
 
@@ -1188,7 +1188,7 @@ async function handleBuild(): Promise<void> {
   width: 44px;
   height: 44px;
   background: var(--purple-bg);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1225,7 +1225,7 @@ async function handleBuild(): Promise<void> {
 .cpub-btn {
   font-size: 12px;
   padding: 6px 14px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--surface);
   color: var(--text);
   cursor: pointer;
@@ -1245,7 +1245,7 @@ async function handleBuild(): Promise<void> {
   background: var(--surface3);
   color: var(--text-faint);
   padding: 1px 5px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
 }
 
 /* BOM products in sidebar */
@@ -1258,7 +1258,7 @@ async function handleBuild(): Promise<void> {
   margin-top: 12px;
   margin-bottom: 8px;
   padding-top: 8px;
-  border-top: 1px solid var(--border2);
+  border-top: var(--border-width-default) solid var(--border2);
 }
 
 .cpub-bom-product-row {
@@ -1298,7 +1298,7 @@ async function handleBuild(): Promise<void> {
   gap: 8px;
   margin-bottom: 16px;
   padding-bottom: 10px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-tab-section-title i { font-size: 12px; color: var(--text-faint); }
@@ -1324,12 +1324,12 @@ async function handleBuild(): Promise<void> {
   padding: 8px 12px;
   text-align: left;
   background: var(--surface2);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-parts-table td {
   padding: 10px 12px;
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-default) solid var(--border2);
   color: var(--text-dim);
 }
 
@@ -1344,7 +1344,7 @@ async function handleBuild(): Promise<void> {
   display: flex; align-items: center; gap: 12px;
   padding: 10px 14px;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   box-shadow: var(--shadow-sm);
 }
 
@@ -1365,7 +1365,7 @@ async function handleBuild(): Promise<void> {
 .cpub-build-steps { display: flex; flex-direction: column; gap: 16px; }
 
 .cpub-build-step {
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   overflow: hidden;
   box-shadow: var(--shadow-sm);
 }
@@ -1402,7 +1402,7 @@ async function handleBuild(): Promise<void> {
   width: 100%;
   max-height: 400px;
   object-fit: cover;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   margin-top: 12px;
 }
 
@@ -1410,7 +1410,7 @@ async function handleBuild(): Promise<void> {
 .cpub-code-tab { display: flex; flex-direction: column; gap: 16px; }
 
 .cpub-code-snippet {
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   overflow: hidden;
   box-shadow: var(--shadow-sm);
 }
@@ -1419,7 +1419,7 @@ async function handleBuild(): Promise<void> {
   display: flex; align-items: center; gap: 8px;
   padding: 8px 14px;
   background: var(--surface2);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-code-lang-label {
@@ -1457,14 +1457,14 @@ async function handleBuild(): Promise<void> {
   display: flex; align-items: center; gap: 12px;
   padding: 12px 14px;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   box-shadow: var(--shadow-sm);
 }
 
 .cpub-file-icon {
   width: 32px; height: 32px;
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   display: flex; align-items: center; justify-content: center;
   font-size: 12px; color: var(--text-faint); flex-shrink: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -50,16 +50,16 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
-    "@commonpub/auth": "0.5.0",
-    "@commonpub/config": "0.8.0",
-    "@commonpub/docs": "0.6.1",
+    "@commonpub/config": "0.9.0",
+    "@commonpub/editor": "0.6.1",
     "@commonpub/explainer": "0.7.3",
-    "@commonpub/editor": "0.6.0",
-    "@commonpub/learning": "0.5.0",
+    "@commonpub/docs": "0.6.2",
+    "@commonpub/auth": "0.5.0",
     "@commonpub/protocol": "0.9.7",
-    "@commonpub/schema": "0.9.2",
-    "@commonpub/server": "2.27.2",
-    "@commonpub/ui": "0.8.4"
+    "@commonpub/ui": "0.8.5",
+    "@commonpub/learning": "0.5.0",
+    "@commonpub/schema": "0.9.3",
+    "@commonpub/server": "2.27.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/pages/admin/theme.vue

@@ -456,7 +456,7 @@ function removeTokenOverride(key: string): void {
   display: inline-block;
   width: 14px;
   height: 14px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   flex-shrink: 0;
 }
 

package/pages/authorize_interaction.vue

@@ -174,7 +174,7 @@ useSeoMeta({
   margin-bottom: 20px;
   padding: 8px;
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
 }
 .cpub-authorize-success {
   color: var(--green, #22c55e);

package/pages/federated-hubs/[id]/index.vue

@@ -506,7 +506,7 @@ async function handlePostVote(postId: string): Promise<void> {
 
 <style scoped>
 /* Federation indicator (inside hero banner) */
-.cpub-fed-indicator { background: var(--accent-bg); border-bottom: 1px solid var(--accent-border); }
+.cpub-fed-indicator { background: var(--accent-bg); border-bottom: var(--border-width-default) solid var(--accent-border); }
 .cpub-fed-indicator {
   padding: 6px 24px;
   display: flex; align-items: center; gap: 8px;
@@ -531,7 +531,7 @@ async function handlePostVote(postId: string): Promise<void> {
 }
 .cpub-compose-type-btn {
   font-size: 11px; font-weight: 600; padding: 4px 10px;
-  border: 1px solid var(--border); background: var(--surface2);
+  border: var(--border-width-default) solid var(--border); background: var(--surface2);
   color: var(--text-dim); cursor: pointer;
   display: flex; align-items: center; gap: 4px;
 }
@@ -540,7 +540,7 @@ async function handlePostVote(postId: string): Promise<void> {
 }
 .cpub-compose-row { display: flex; gap: 8px; align-items: center; }
 .cpub-compose-input {
-  flex: 1; background: var(--surface2); border: 1px solid var(--border);
+  flex: 1; background: var(--surface2); border: var(--border-width-default) solid var(--border);
   padding: 10px 14px; font-size: 0.8125rem;
   color: var(--text); font-family: inherit;
 }
@@ -574,7 +574,7 @@ async function handlePostVote(postId: string): Promise<void> {
 .cpub-shared-card-type {
   font-size: 9px; font-family: var(--font-mono); text-transform: uppercase;
   letter-spacing: 0.08em; color: var(--accent); background: var(--accent-bg);
-  border: 1px solid var(--accent-border); padding: 2px 6px;
+  border: var(--border-width-default) solid var(--accent-border); padding: 2px 6px;
   display: inline-block; margin-bottom: 6px;
 }
 .cpub-shared-card-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
@@ -623,7 +623,7 @@ async function handlePostVote(postId: string): Promise<void> {
   display: inline-flex; align-items: center; gap: 4px;
   font-size: 0.6875rem; font-weight: 600;
   color: var(--accent); background: var(--accent-bg);
-  padding: 4px 12px; border: 1px solid var(--accent-border);
+  padding: 4px 12px; border: var(--border-width-default) solid var(--accent-border);
 }
 
 /* Sidebar */
@@ -646,7 +646,7 @@ async function handlePostVote(postId: string): Promise<void> {
   font-size: 12px; color: var(--text-dim); line-height: 1.5;
   padding: 6px 0;
 }
-.cpub-rule-item + .cpub-rule-item { border-top: 1px solid var(--border2); }
+.cpub-rule-item + .cpub-rule-item { border-top: var(--border-width-default) solid var(--border2); }
 .cpub-rule-num {
   font-family: var(--font-mono); font-size: 10px; font-weight: 700;
   color: var(--accent); flex-shrink: 0; width: 18px; text-align: center;

package/pages/federated-hubs/[id]/posts/[postId].vue

@@ -243,7 +243,7 @@ useHead({
 <style scoped>
 .cpub-post-page { max-width: 800px; margin: 0 auto; padding: 0 16px 40px; }
 
-.cpub-fed-banner { background: var(--accent-bg); border-bottom: 1px solid var(--accent-border); margin: 0 -16px 16px; }
+.cpub-fed-banner { background: var(--accent-bg); border-bottom: var(--border-width-default) solid var(--accent-border); margin: 0 -16px 16px; }
 .cpub-fed-banner-inner {
   max-width: 800px; margin: 0 auto; padding: 8px 16px;
   display: flex; align-items: center; gap: 8px;
@@ -280,7 +280,7 @@ useHead({
   display: inline-block; padding: 2px 8px; font-family: var(--font-mono);
   font-size: 10px; font-weight: 600; text-transform: uppercase;
   letter-spacing: 0.05em; color: var(--accent); background: var(--accent-bg);
-  border: 1px solid var(--accent-border);
+  border: var(--border-width-default) solid var(--accent-border);
 }
 
 .cpub-post-content {
@@ -297,7 +297,7 @@ useHead({
 
 .cpub-post-avatar {
   width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;
-  background: var(--surface2); border: 1px solid var(--border);
+  background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-family: var(--font-mono); font-size: 10px; font-weight: 700; color: var(--text-dim);
   overflow: hidden;
 }
@@ -313,7 +313,7 @@ useHead({
 .cpub-post-action-btn {
   display: inline-flex; align-items: center; gap: 4px;
   font-size: 12px; color: var(--text-faint); background: none; border: none; cursor: pointer;
-  padding: 4px 8px; border: 1px solid var(--border); transition: all 0.1s;
+  padding: 4px 8px; border: var(--border-width-default) solid var(--border); transition: all 0.1s;
 }
 .cpub-post-action-btn:hover:not(:disabled) { color: var(--accent); border-color: var(--accent-border); }
 .cpub-post-action-btn.active { color: var(--red); border-color: var(--red); }
@@ -354,7 +354,7 @@ useHead({
 
 .cpub-reply-avatar {
   width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;
-  background: var(--surface2); border: 1px solid var(--border);
+  background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-dim);
   overflow: hidden;
 }

package/pages/hubs/[slug]/index.vue

@@ -422,7 +422,7 @@ async function onRefreshGallery(): Promise<void> {
 /* Compose bar */
 .cpub-compose-bar {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 12px;
   padding: 12px 14px;
   margin-bottom: 16px;
@@ -441,7 +441,7 @@ async function onRefreshGallery(): Promise<void> {
   letter-spacing: 0.04em;
   padding: 4px 10px;
   background: none;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 6px;
   color: var(--text-faint);
   cursor: pointer;
@@ -458,7 +458,7 @@ async function onRefreshGallery(): Promise<void> {
 .cpub-compose-input {
   flex: 1;
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   border-radius: 8px;
   padding: 10px 14px;
   font-size: 0.8125rem;
@@ -466,7 +466,7 @@ async function onRefreshGallery(): Promise<void> {
   cursor: pointer;
 }
 
-.cpub-post-error { font-size: 0.75rem; color: var(--red); background: var(--red-bg); border: 1px solid var(--red-border); border-radius: 8px; padding: 8px 12px; margin-bottom: 12px; }
+.cpub-post-error { font-size: 0.75rem; color: var(--red); background: var(--red-bg); border: var(--border-width-default) solid var(--red-border); border-radius: 8px; padding: 8px 12px; margin-bottom: 12px; }
 
 /* Member badge */
 .cpub-member-badge {
@@ -478,7 +478,7 @@ async function onRefreshGallery(): Promise<void> {
   color: var(--green);
   background: var(--green-bg);
   padding: 4px 12px;
-  border: 1px solid var(--green-border);
+  border: var(--border-width-default) solid var(--green-border);
   border-radius: 20px;
 }
 
@@ -488,7 +488,7 @@ async function onRefreshGallery(): Promise<void> {
 
 .cpub-mod-avatar {
   width: 32px; height: 32px; border-radius: 50%;
-  background: var(--accent-bg); border: 1px solid var(--accent-border);
+  background: var(--accent-bg); border: var(--border-width-default) solid var(--accent-border);
   display: flex; align-items: center; justify-content: center;
   font-size: 11px; font-weight: 600; color: var(--accent); flex-shrink: 0;
   overflow: hidden;

package/pages/hubs/[slug]/posts/[postId].vue

@@ -320,7 +320,7 @@ useSeoMeta({
   display: inline-block; padding: 2px 8px; font-family: var(--font-mono);
   font-size: 10px; font-weight: 600; text-transform: uppercase;
   letter-spacing: 0.05em; color: var(--accent); background: var(--accent-bg);
-  border: 1px solid var(--accent-border);
+  border: var(--border-width-default) solid var(--accent-border);
 }
 
 .cpub-post-locked { font-size: 11px; color: var(--text-faint); }
@@ -352,7 +352,7 @@ useSeoMeta({
 
 .cpub-post-avatar {
   width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;
-  background: var(--surface2); border: 1px solid var(--border);
+  background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-family: var(--font-mono); font-size: 10px; font-weight: 700; color: var(--text-dim);
   overflow: hidden;
 }
@@ -368,14 +368,14 @@ useSeoMeta({
 .cpub-post-action-btn {
   display: inline-flex; align-items: center; gap: 4px;
   font-size: 12px; color: var(--text-faint); background: none; border: none; cursor: pointer;
-  padding: 4px 8px; border: 1px solid var(--border); transition: all 0.1s;
+  padding: 4px 8px; border: var(--border-width-default) solid var(--border); transition: all 0.1s;
 }
 .cpub-post-action-btn:hover:not(:disabled) { color: var(--accent); border-color: var(--accent-border); }
 .cpub-post-action-btn.active { color: var(--red); border-color: var(--red); }
 .cpub-post-action-btn:disabled { opacity: 0.5; cursor: default; }
 
 .cpub-post-mod-bar {
-  margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border);
+  margin-top: 12px; padding-top: 12px; border-top: var(--border-width-default) solid var(--border);
   display: flex; gap: 6px;
 }
 
@@ -400,7 +400,7 @@ useSeoMeta({
 .cpub-reply-input:focus { outline: none; border-color: var(--accent); }
 
 .cpub-post-locked-notice {
-  padding: 12px 16px; background: var(--surface2); border: 1px solid var(--border);
+  padding: 12px 16px; background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-size: 12px; color: var(--text-faint); margin-bottom: 16px; text-align: center;
 }
 
@@ -420,7 +420,7 @@ useSeoMeta({
 
 .cpub-reply-avatar {
   width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;
-  background: var(--surface2); border: 1px solid var(--border);
+  background: var(--surface2); border: var(--border-width-default) solid var(--border);
   font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-dim);
   overflow: hidden;
 }

package/pages/hubs/index.vue

@@ -170,7 +170,7 @@ function hubLink(hub: Record<string, unknown>): string {
   align-items: center;
   gap: 14px;
   padding-top: 10px;
-  border-top: 1px solid var(--border2);
+  border-top: var(--border-width-default) solid var(--border2);
 }
 
 .cpub-hub-card-stat {
@@ -190,7 +190,7 @@ function hubLink(hub: Record<string, unknown>): string {
   letter-spacing: 0.08em;
   color: var(--accent);
   background: var(--accent-bg);
-  border: 1px solid var(--accent-border);
+  border: var(--border-width-default) solid var(--accent-border);
   padding: 2px 6px;
 }
 

package/pages/mirror/[id].vue

@@ -132,7 +132,7 @@ useSeoMeta({
 
 <style scoped>
 .cpub-fed-banner {
-  background: var(--accent-bg); border-bottom: 1px solid var(--accent-border);
+  background: var(--accent-bg); border-bottom: var(--border-width-default) solid var(--accent-border);
 }
 .cpub-fed-banner-inner {
   max-width: 1200px; margin: 0 auto; padding: 8px 24px;
@@ -161,7 +161,7 @@ useSeoMeta({
 .cpub-mirror-cover { width: 100%; max-height: 400px; object-fit: cover; margin-bottom: 20px; }
 .cpub-mirror-title { font-size: 2rem; font-weight: 800; line-height: 1.2; margin-bottom: 12px; }
 .cpub-mirror-desc { font-size: 1.0625rem; color: var(--text-dim); line-height: 1.6; margin-bottom: 16px; }
-.cpub-mirror-author { font-size: 0.875rem; color: var(--text-dim); margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 12px; }
+.cpub-mirror-author { font-size: 0.875rem; color: var(--text-dim); margin-bottom: 24px; padding-bottom: 16px; border-bottom: var(--border-width-default) solid var(--border); display: flex; align-items: flex-start; gap: 12px; }
 .cpub-mirror-author-avatar { width: 40px; height: 40px; object-fit: cover; border: var(--border-width-default) solid var(--border); flex-shrink: 0; }
 .cpub-mirror-bio { font-size: 0.8125rem; color: var(--text-faint); line-height: 1.5; margin-top: 4px; }
 .cpub-mirror-bio :deep(a) { color: var(--accent); }

package/server/api/docs/[siteSlug]/search.get.ts

@@ -7,6 +7,7 @@ const searchQuerySchema = z.object({
 
 export default defineEventHandler(async (event) => {
   const db = useDB();
+  const config = useConfig();
   const { siteSlug } = parseParams(event, { siteSlug: 'string' });
   const query = parseQueryParams(event, searchQuerySchema);
 
@@ -16,5 +17,5 @@ export default defineEventHandler(async (event) => {
   const version = result.versions?.find((v) => v.isDefault) ?? result.versions?.[0];
   if (!version) return [];
 
-  return searchDocsPages(db, result.site.id, version.id, query.q ?? '');
+  return searchDocsPages(db, result.site.id, version.id, query.q ?? '', config.docs.searchLanguage);
 });

package/theme/components.css

@@ -54,7 +54,7 @@
   font-size: var(--text-xs, 12px);
   font-family: var(--font-mono);
   padding: 2px 8px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--text-dim);
   background: var(--surface2);
 }
@@ -92,7 +92,7 @@
   font-family: var(--font-mono);
   margin-bottom: 12px;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-thin) solid var(--border2);
 }
 
 /* ─── SECTION HEADERS ─── */

package/theme/layouts.css

@@ -145,7 +145,7 @@
 .cpub-sidebar-section {
   margin-bottom: var(--space-6);
   padding-bottom: var(--space-6);
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-thin) solid var(--border2);
 }
 
 .cpub-sidebar-section:last-child {
@@ -261,7 +261,7 @@
   padding: 2px 8px;
   font-size: var(--text-xs);
   font-weight: var(--font-weight-medium);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   background: var(--surface2);
   color: var(--text-dim);
   font-family: var(--font-mono);

package/theme/prose.css

@@ -54,7 +54,7 @@
 .cpub-prose a {
   color: var(--accent);
   text-decoration: none;
-  border-bottom: 1px solid var(--accent-border);
+  border-bottom: var(--border-width-thin) solid var(--accent-border);
 }
 
 .cpub-prose a:hover {
@@ -68,7 +68,7 @@
   color: var(--teal);
   background: var(--surface2);
   padding: 2px 6px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-thin) solid var(--border2);
 }
 
 /* Code blocks */
@@ -308,7 +308,7 @@
   text-align: center;
   padding: var(--space-4);
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-thin) solid var(--border2);
   font-size: var(--text-lg);
 }
 
@@ -327,7 +327,7 @@
 .cpub-prose th,
 .cpub-prose td {
   padding: var(--space-2) var(--space-3);
-  border: 1px solid var(--border2);
+  border: var(--border-width-thin) solid var(--border2);
   text-align: left;
 }