Add comprehensive semantic design token system

Implement complete semantic layer for all design tokens including typography, spacing, motion, colors, borders, shadows, z-index, opacity, and glass effects. Each semantic token maps base design tokens to contextual usage patterns for improved maintainability and developer experience.

Features:
- Complete semantic typography system with font weights, sizes, line heights, and letter spacing
- Comprehensive spacing tokens for components, layouts, and interactions
- Full motion system with durations, easing, transitions, and hover transforms
- Semantic color system with individual access to all Material Design 3 colors
- Border tokens with widths, radius, and styles for all use cases
- Shadow system including standard and AI-themed shadows
- Z-index layering system for proper stacking context
- Opacity tokens for transparency and visibility states
- Glass morphism tokens with blur, opacity, and theming support

All semantic tokens provide direct access to base token values while offering meaningful contextual aliases for common UI patterns.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

projects/shared-utils/src/lib/shared-utils.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SharedUtilsComponent } from './shared-utils.component';
+
+describe('SharedUtilsComponent', () => {
+  let component: SharedUtilsComponent;
+  let fixture: ComponentFixture<SharedUtilsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SharedUtilsComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SharedUtilsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/shared-utils/src/lib/shared-utils.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-shared-utils',
+  imports: [],
+  template: `
+    <p>
+      shared-utils works!
+    </p>
+  `,
+  styles: ``
+})
+export class SharedUtilsComponent {
+
+}

projects/shared-utils/src/lib/shared-utils.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { SharedUtilsService } from './shared-utils.service';
+
+describe('SharedUtilsService', () => {
+  let service: SharedUtilsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(SharedUtilsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

projects/shared-utils/src/lib/shared-utils.service.ts

@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SharedUtilsService {
+
+  constructor() { }
+}

projects/shared-utils/src/public-api.ts

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of shared-utils
+ */
+
+export * from './lib/shared-utils.service';
+export * from './lib/shared-utils.component';