{ "$schema": "https://design-tokens.github.io/community-group/format/", "name": "Nibiru Design System", "version": "4.0.0", "description": "Cosmos — dark-first AI-framework brand. Magenta-amber-blue nebula on a deep-space body, all-sans (Inter Tight body + display) + JetBrains Mono. Light paper surfaces available via .alt sections for content-heavy reading.", "color": { "void": { "$value": "#06030f", "$type": "color", "$description": "Deepest. Used for chat / code panes." }, "space": { "$value": "#0a0414", "$type": "color", "$description": "Page background. The site lives here." }, "night": { "$value": "#120825", "$type": "color", "$description": "Card / panel surface on dark." }, "plum": { "$value": "#1c0f3a", "$type": "color", "$description": "MMVC-stage glow base." }, "nebulaMag": { "$value": "#b86bff", "$type": "color", "$description": "Primary brand — electric magenta. Replaces v3 iris." }, "nebulaBlue": { "$value": "#5b8dff", "$type": "color", "$description": "Cool counterpoint. Replaces v3 skyfall." }, "nebulaAmber": { "$value": "#ffb574", "$type": "color", "$description": "Warm accent. Replaces v3 aurum." }, "iris": { "$value": "#b86bff", "$type": "color" }, "irisDeep": { "$value": "#8a3fd0", "$type": "color" }, "irisSoft": { "$value": "#d4b4ff", "$type": "color" }, "skyfall": { "$value": "#5b8dff", "$type": "color" }, "skyfallDeep": { "$value": "#3a6ad0", "$type": "color" }, "skyfallSoft": { "$value": "#a8c0ff", "$type": "color" }, "aurum": { "$value": "#ffb574", "$type": "color" }, "star": { "$value": "#f4eedb", "$type": "color", "$description": "Body text on dark surfaces. Also used as light paper." }, "paper": { "$value": "#f4eedb", "$type": "color", "$description": "Light surface for .alt sections." }, "paper2": { "$value": "#ebe3c8", "$type": "color" }, "mist": { "$value": "#f8f3e2", "$type": "color" }, "lavender": { "$value": "#ece6f3", "$type": "color" }, "lavenderDeep": { "$value": "#ddd3eb", "$type": "color" }, "ink": { "$value": "#0a0414", "$type": "color", "$description": "Text on light. Same as space — deliberate." }, "ink2": { "$value": "#2a2438", "$type": "color" }, "inkDeep": { "$value": "#06030f", "$type": "color" }, "inkFaint": { "$value": "#6e6680", "$type": "color" }, "muted": { "$value": "#6e6680", "$type": "color" }, "success": { "$value": "#7ad6a3", "$type": "color" }, "rose": { "$value": "#ff8a9d", "$type": "color" }, "moss": { "$value": "#94a96e", "$type": "color" } }, "line": { "default": { "$value": "rgba(244, 238, 219, 0.12)", "$type": "color", "$description": "Hairline on dark." }, "strong": { "$value": "rgba(244, 238, 219, 0.28)", "$type": "color", "$description": "Hover / focus on dark." }, "light": { "$value": "rgba(20, 4, 30, 0.10)", "$type": "color", "$description": "Hairline on light." }, "lightStrong": { "$value": "rgba(20, 4, 30, 0.18)", "$type": "color" }, "grid": { "$value": "rgba(244, 238, 219, 0.04)", "$type": "color", "$description": "Faint grid overlay." } }, "code": { "bg": { "$value": "#050208", "$type": "color" }, "line": { "$value": "rgba(244, 238, 219, 0.08)", "$type": "color" }, "text": { "$value": "#f4eedb", "$type": "color" }, "mute": { "$value": "#6e6680", "$type": "color" } }, "gradient": { "headline": { "$value": "linear-gradient(110deg, #ffb574 0%, #b86bff 50%, #5b8dff 100%)", "$type": "gradient", "$description": "Hero accent — amber→magenta→blue." }, "accent": { "$value": "linear-gradient(110deg, #ffb574, #b86bff 70%)", "$type": "gradient", "$description": "Section title accent on dark." }, "accentLight": { "$value": "linear-gradient(110deg, #b46500, #5b1f9e 70%)", "$type": "gradient", "$description": "Section title accent on light (.alt)." }, "irisToSky": { "$value": "linear-gradient(135deg, #b86bff 0%, #5b8dff 100%)", "$type": "gradient" }, "nebula": { "$value": "radial-gradient(120% 90% at 50% 20%, #2a2156 0%, #1a1442 24%, #0e0a2a 52%, #06050f 82%), linear-gradient(180deg, #06050f 0%, #07060f 100%)", "$type": "gradient" }, "mmvcStage": { "$value": "radial-gradient(ellipse at 50% 50%, #1c0f3a, #0a0414 60%)", "$type": "gradient" }, "lotusWash": { "$value": "radial-gradient(ellipse 80% 50% at 0% 0%, rgba(184,107,255,0.10), transparent 60%), radial-gradient(ellipse 60% 40% at 100% 0%, rgba(91,141,255,0.10), transparent 60%)", "$type": "gradient" } }, "shadow": { "sm": { "$value": "0 1px 2px rgba(0, 0, 0, 0.20)", "$type": "shadow" }, "md": { "$value": "0 8px 24px -8px rgba(0, 0, 0, 0.40)", "$type": "shadow" }, "lg": { "$value": "0 30px 60px -30px rgba(0, 0, 0, 0.7)", "$type": "shadow" }, "xl": { "$value": "0 60px 120px -40px rgba(0, 0, 0, 0.7)", "$type": "shadow" }, "cosmos": { "$value": "0 60px 120px -40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(184, 107, 255, 0.06) inset", "$type": "shadow" }, "glowMag": { "$value": "0 0 24px rgba(184, 107, 255, 0.45)", "$type": "shadow" }, "glowAmber":{ "$value": "0 0 24px rgba(255, 181, 116, 0.45)", "$type": "shadow" }, "glowBlue": { "$value": "0 0 24px rgba(91, 141, 255, 0.45)", "$type": "shadow" } }, "font": { "text": { "$value": "'Inter Tight', ui-sans-serif, system-ui, -apple-system, sans-serif", "$type": "fontFamily" }, "display": { "$value": "'Inter Tight', ui-sans-serif, system-ui, sans-serif", "$type": "fontFamily" }, "mono": { "$value": "'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace", "$type": "fontFamily" } }, "weight": { "light": { "$value": 300, "$type": "fontWeight" }, "regular": { "$value": 400, "$type": "fontWeight" }, "medium": { "$value": 500, "$type": "fontWeight" }, "semibold": { "$value": 600, "$type": "fontWeight" }, "bold": { "$value": 700, "$type": "fontWeight" } }, "letterSpacing": { "display": { "$value": "-0.04em", "$type": "dimension" }, "heading": { "$value": "-0.03em", "$type": "dimension" }, "body": { "$value": "-0.005em", "$type": "dimension" }, "mono": { "$value": "0.04em", "$type": "dimension" }, "label": { "$value": "0.10em", "$type": "dimension" }, "eyebrow": { "$value": "0.18em", "$type": "dimension" } }, "fontSize": { "xs": { "$value": "0.69rem", "$type": "dimension" }, "sm": { "$value": "0.81rem", "$type": "dimension" }, "md": { "$value": "0.875rem", "$type": "dimension" }, "base": { "$value": "1rem", "$type": "dimension" }, "lg": { "$value": "1.125rem", "$type": "dimension" }, "xl": { "$value": "1.25rem", "$type": "dimension" }, "2xl": { "$value": "1.5rem", "$type": "dimension" }, "3xl": { "$value": "2rem", "$type": "dimension" }, "section": { "$value": "clamp(2.5rem, 4vw + 0.5rem, 5rem)", "$type": "dimension" }, "hero": { "$value": "clamp(3.5rem, 7vw + 0.5rem, 7.75rem)", "$type": "dimension" } }, "radius": { "sm": { "$value": "6px", "$type": "dimension" }, "md": { "$value": "10px", "$type": "dimension" }, "lg": { "$value": "14px", "$type": "dimension" }, "xl": { "$value": "18px", "$type": "dimension" }, "2xl": { "$value": "22px", "$type": "dimension" }, "pill": { "$value": "999px", "$type": "dimension" } }, "space": { "0": { "$value": "0", "$type": "dimension" }, "1": { "$value": "0.25rem", "$type": "dimension" }, "2": { "$value": "0.5rem", "$type": "dimension" }, "3": { "$value": "0.75rem", "$type": "dimension" }, "4": { "$value": "1rem", "$type": "dimension" }, "5": { "$value": "1.5rem", "$type": "dimension" }, "6": { "$value": "2rem", "$type": "dimension" }, "8": { "$value": "3rem", "$type": "dimension" }, "10": { "$value": "4rem", "$type": "dimension" }, "12": { "$value": "6rem", "$type": "dimension" }, "section": { "$value": "10rem", "$type": "dimension" }, "container":{ "$value": "1280px", "$type": "dimension" }, "content": { "$value": "50rem", "$type": "dimension" } }, "motion": { "fast": { "$value": "160ms", "$type": "duration" }, "normal": { "$value": "240ms", "$type": "duration" }, "slow": { "$value": "500ms", "$type": "duration" }, "pulse": { "$value": "2.4s", "$type": "duration" }, "blink": { "$value": "1s", "$type": "duration" }, "breathe": { "$value": "18s", "$type": "duration" } }, "ease": { "out": { "$value": "cubic-bezier(0.2, 0.7, 0.2, 1)", "$type": "cubicBezier" }, "spring": { "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)", "$type": "cubicBezier" } } }