48c839d927
This is the snapshot the production landing site (nibiru-framework.com) is deployed from. Brings together the recent splash + docs migration to the v4 "Cosmos" design system, the new in-framework AI module, and the framework groundwork that backs the framework-reference extraction. What lands: - docs/: Astro + Starlight site with the v4 dark cosmic palette, GalaxyHero canvas constellation, Mission Control chat (wired to /api/oracle → api.neuronetz.ai via providers.mjs Ollama), 5-panel MMVC stage (Model · AI · Module · Controller · View), translated EN/DE/JA/ES/FR content, PWA + sitemap + llms.txt + Umami analytics. - docs/design-system/: canonical mockup bundle (source/index-v2.html for splash, source/docs-system.html + preview/ for docs, SPEC.md, tokens). - docs/scripts/extraction/framework-reference-v2.md: deep framework reference (~1.6k lines, file:line citations, every public factory and idiom — basis for the LoRA training corpus. - application/module/ai/: AI module with chat / embed / RAG / agent plugins, plus pdoQuery / httpGet / fileRead tools and Modelfile + smoke-test in training/. - application/module/users/: user / ACL / form-factory traits used as the reference plugin pattern for the framework docs. - application/settings/config/database/: schema + seed migrations including the AI module tables (200–203). - Form factory + autogenerator changes the framework-reference-v2 covers. Production secrets stay out: docs/.env, settings.production.ini and ai.production.ini are all gitignored (.example files are in tree). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
121 lines
3.0 KiB
SCSS
121 lines
3.0 KiB
SCSS
// Nibiru Design System — v4.0.0 "Cosmos" (SCSS)
|
|
|
|
// === Cosmos surfaces ===
|
|
$void: #06030f;
|
|
$space: #0a0414;
|
|
$night: #120825;
|
|
$plum: #1c0f3a;
|
|
|
|
// === Nebula brand ===
|
|
$nebula-mag: #b86bff;
|
|
$nebula-blue: #5b8dff;
|
|
$nebula-amber: #ffb574;
|
|
|
|
// Legacy aliases retuned to v4
|
|
$iris: #b86bff;
|
|
$iris-deep: #8a3fd0;
|
|
$iris-soft: #d4b4ff;
|
|
$skyfall: #5b8dff;
|
|
$skyfall-deep: #3a6ad0;
|
|
$skyfall-soft: #a8c0ff;
|
|
$aurum: #ffb574;
|
|
|
|
// === Light surfaces ===
|
|
$star: #f4eedb;
|
|
$paper: #f4eedb;
|
|
$paper-2: #ebe3c8;
|
|
$bg: #f4eedb;
|
|
$bg-2: #ebe3c8;
|
|
$mist: #f8f3e2;
|
|
$lavender: #ece6f3;
|
|
$lavender-deep:#ddd3eb;
|
|
|
|
// === Ink ===
|
|
$ink: #0a0414;
|
|
$ink-2: #2a2438;
|
|
$ink-deep: #06030f;
|
|
$ink-soft: #4a4258;
|
|
$ink-faint: #6e6680;
|
|
$muted: #6e6680;
|
|
|
|
// === Hairlines ===
|
|
$line: rgba(244, 238, 219, 0.12);
|
|
$line-strong: rgba(244, 238, 219, 0.28);
|
|
$line-light: rgba(20, 4, 30, 0.10);
|
|
$line-2: rgba(20, 4, 30, 0.18);
|
|
$grid: rgba(244, 238, 219, 0.04);
|
|
|
|
// === Status ===
|
|
$success: #7ad6a3;
|
|
$rose: #ff8a9d;
|
|
$moss: #94a96e;
|
|
|
|
// === Code surface ===
|
|
$code-bg: #050208;
|
|
$code-line: rgba(244, 238, 219, 0.08);
|
|
$code-text: #f4eedb;
|
|
$code-mute: #6e6680;
|
|
|
|
// === Twilight ===
|
|
$dark-bg: #0a0414;
|
|
$dark-surface: #120825;
|
|
$dark-surface-raised: #1c0f3a;
|
|
|
|
// === Typography ===
|
|
$font-text: ('Inter Tight', ui-sans-serif, system-ui, -apple-system, sans-serif);
|
|
$font-display: ('Inter Tight', ui-sans-serif, system-ui, sans-serif);
|
|
$font-mono: ('JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace);
|
|
|
|
$weight: (
|
|
light: 300, regular: 400, medium: 500, semibold: 600, bold: 700,
|
|
);
|
|
$tracking: (
|
|
display: -0.04em, heading: -0.03em, body: -0.005em,
|
|
mono: 0.04em, label: 0.10em, eyebrow: 0.18em,
|
|
);
|
|
$text: (
|
|
xs: 0.69rem,
|
|
sm: 0.81rem,
|
|
md: 0.875rem,
|
|
base: 1rem,
|
|
lg: 1.125rem,
|
|
xl: 1.25rem,
|
|
2xl: 1.5rem,
|
|
3xl: 2rem,
|
|
section: clamp(2.5rem, 4vw + 0.5rem, 5rem),
|
|
hero: clamp(3.5rem, 7vw + 0.5rem, 7.75rem),
|
|
);
|
|
|
|
// === Radii ===
|
|
$radius: (
|
|
sm: 6px, md: 10px, lg: 14px, xl: 18px, 2xl: 22px, pill: 999px,
|
|
);
|
|
|
|
// === Spacing ===
|
|
$space-scale: (
|
|
0: 0, 1: 0.25rem, 2: 0.5rem, 3: 0.75rem, 4: 1rem,
|
|
5: 1.5rem, 6: 2rem, 8: 3rem, 10: 4rem, 12: 6rem,
|
|
section: 10rem,
|
|
);
|
|
|
|
// === Motion ===
|
|
$duration: (
|
|
fast: 160ms, normal: 240ms, slow: 500ms,
|
|
pulse: 2.4s, blink: 1s, breathe: 18s,
|
|
);
|
|
$ease: (
|
|
out: cubic-bezier(0.2, 0.7, 0.2, 1),
|
|
spring: cubic-bezier(0.34, 1.56, 0.64, 1),
|
|
);
|
|
|
|
// === Shadows ===
|
|
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.20);
|
|
$shadow-md: 0 8px 24px -8px rgba(0, 0, 0, 0.40);
|
|
$shadow-lg: 0 30px 60px -30px rgba(0, 0, 0, 0.7);
|
|
$shadow-xl: 0 60px 120px -40px rgba(0, 0, 0, 0.7);
|
|
$shadow-cosmos: 0 60px 120px -40px rgba(0, 0, 0, 0.7),
|
|
0 0 0 1px rgba(184, 107, 255, 0.06) inset;
|
|
$shadow-glow-mag: 0 0 24px rgba(184, 107, 255, 0.45);
|
|
$shadow-glow-amb: 0 0 24px rgba(255, 181, 116, 0.45);
|
|
$shadow-glow-blue: 0 0 24px rgba(91, 141, 255, 0.45);
|