@oneqode/design-system 0.4.2 → 0.4.4

package/build/css/remake/tokens.css

@@ -186,6 +186,17 @@
   --container-text: 720px; /** Prose content, legal pages, CTAs */
   --container-compact: 650px; /** Tight text blocks, centered descriptions */
   --container-content: 600px; /** Paragraph descriptions, subtitles */
+  --spacing-1: 0.25rem; /** 4px - 0.25rem step on the spacing scale */
+  --spacing-2: 0.5rem; /** 8px */
+  --spacing-3: 0.75rem; /** 12px */
+  --spacing-4: 1rem; /** 16px */
+  --spacing-5: 1.25rem; /** 20px */
+  --spacing-6: 1.5rem; /** 24px */
+  --spacing-8: 2rem; /** 32px */
+  --spacing-10: 2.5rem; /** 40px */
+  --spacing-12: 3rem; /** 48px */
+  --spacing-16: 4rem; /** 64px */
+  --spacing-20: 5rem; /** 80px */
   --spacing-section: 5rem; /** Standard spacing between page sections */
   --spacing-section-lg: 10rem; /** Large section block padding - 160px (used for major page sections per Figma) */
   --spacing-inset: 1.5rem; /** Standard inner padding for sections and cards - 24px */
@@ -210,7 +221,8 @@
   --font-weight-medium: 500; /** Medium emphasis */
   --font-weight-semibold: 600; /** Buttons, labels, subheadings */
   --font-weight-bold: 700; /** Headings, strong emphasis */
-  --font-letter-spacing-heading: -0.02em; /** Desktop headings (H1-H6) - -2% tracking */
+  --font-letter-spacing-heading: -0.02em; /** Desktop headings (H1, H2, H4, H5, H6) - -2% tracking */
+  --font-letter-spacing-h3-desktop: -0.0225em; /** H3 desktop - -0.72/32 (-2.25%) */
   --font-letter-spacing-body: -0.01em; /** Body text (text-lg, text-md, text-sm, text-xs) - -1% tracking */
   --font-letter-spacing-mono: 0; /** Mono (text-mono) - no tracking */
   --font-letter-spacing-h1-mobile: -0.0385em; /** H1 mobile - -2/52 */
@@ -221,7 +233,7 @@
   --font-letter-spacing-h6-mobile: 0; /** H6 mobile - none specified */
   --font-line-height-tight: 1.2; /** Desktop headings (H2-H6) - 1.2 ratio */
   --font-line-height-body: 1.5; /** All body text (text-lg, text-md, text-sm, text-xs, text-mono) - 1.5 ratio */
-  --font-line-height-h1-desktop: 1.0625; /** H1 desktop - 68/64 */
+  --font-line-height-h1-desktop: 1.2; /** H1 desktop - 76.8/64 */
   --font-line-height-h1-mobile: 1.0769; /** H1 mobile - 56/52 */
   --font-line-height-h2-mobile: 1.1; /** H2 mobile - 44/40 */
   --font-line-height-h3-mobile: 1.125; /** H3 mobile - 36/32 */
@@ -283,6 +295,7 @@
   --gradient-card-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /** Bottom-fade scrim on image cards (feature triptych) for text legibility */
   --gradient-hero-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%); /** Top-to-bottom darken on hero imagery - keeps headline legible without flattening the photo */
   --pattern-hatch: repeating-linear-gradient(45deg, transparent 0 4px, rgba(255, 255, 255, 0.06) 4px 5px); /** Diagonal hairline hatch decoration - section frame on case studies and feature card borders */
+  --layout-padding-xy: 1.25rem; /** Mobile horizontal padding for direct section children of <main> - 20px */
   --motion-duration-fast: 150ms; /** Snappy interactions - button/link hover, icon swaps */
   --motion-duration-base: 250ms; /** Default UI transition - default for most state changes */
   --motion-duration-slow: 400ms; /** Deliberate transition - card/image reveals, dropdown open */
@@ -378,14 +391,14 @@
 @media (min-width: 768px) {
   :root {
     --type-h1-size: 4rem;
-    --type-h1-line-height: 1.0625;
+    --type-h1-line-height: 1.2;
     --type-h1-letter-spacing: -0.02em;
     --type-h2-size: 2.75rem;
     --type-h2-line-height: 1.2;
     --type-h2-letter-spacing: -0.02em;
     --type-h3-size: 2rem;
     --type-h3-line-height: 1.2;
-    --type-h3-letter-spacing: -0.02em;
+    --type-h3-letter-spacing: -0.0225em;
     --type-h4-size: 1.75rem;
     --type-h4-line-height: 1.2;
     --type-h4-letter-spacing: -0.02em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneqode/design-system",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "type": "module",
   "description": "OneQode design tokens: CSS custom properties, Tailwind v4 theme, shadcn variables, and flat JSON.",
   "license": "MIT",